<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Xtract - Creative one page template</title>
<link rel="shortcut icon" href="assets/images/fav.png">

<!-- Core Style Sheets -->
<link rel="stylesheet" href="assets/css/master.css">
<!-- Responsive Style Sheets -->
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- Revolution Style Sheets -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">

</head>
<body>

<!--== Loader Start ==-->
<div id="loader-overlay">
  <div class="loader">
    <div class="spinner">
    	<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    		<circle class="length" fill="none" stroke-width="8" stroke-linecap="round" cx="33" cy="33" r="28"></circle>
    	</svg>
    	<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    		<circle fill="none" stroke-width="8" stroke-linecap="round" cx="33" cy="33" r="28"></circle>
    	</svg>
    	<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    		<circle fill="none" stroke-width="8" stroke-linecap="round" cx="33" cy="33" r="28"></circle>
    	</svg>
    	<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    		<circle fill="none" stroke-width="8" stroke-linecap="round" cx="33" cy="33" r="28"></circle>
    	</svg>
    </div>
  </div>
</div>
<!--== Loader End ==-->

<!--== Wrapper Start ==-->
<div class="wrapper">

  <!--== Header Start ==-->
  <nav class="navbar navbar-default navbar-fixed navbar-transparent white bootsnav on no-full no-border">
  	<!--== Start Top Search ==-->
    <div class="fullscreen-search-overlay" id="search-overlay"> <a href="#" class="fullscreen-close" id="fullscreen-close-button"><i class="icofont icofont-close"></i></a>
      <div id="fullscreen-search-wrapper">
        <form method="get" id="fullscreen-searchform">
          <input type="text" value="" placeholder="Type and hit Enter..." id="fullscreen-search-input" class="search-bar-top">
          <i class="fullscreen-search-icon icofont icofont-search">
          <input value="" type="submit">
          </i>
        </form>
      </div>
    </div>
    <!--== End Top Search ==-->
    <div class="container">
      <!--== Start Atribute Navigation ==-->
      <div class="attr-nav hidden-xs sm-display-none">
        <ul>
          <li class="side-menu"><a href="#"><i class="icofont icofont-navigation-menu"></i></a></li>
         
        </ul>
      </div>
      <!--== End Atribute Navigation ==-->

      <!--== Start Header Navigation ==-->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="tr-icon ion-android-menu"></i> </button>
        <div class="logo"> <a href="index.html"> <img class="logo logo-display" src="assets/images/logo.png" alt=""> </a> </div>
      </div>
      <!--== End Header Navigation ==-->

      <!--== Collect the nav links, forms, and other content for toggling ==-->
      <div class="collapse navbar-collapse" id="navbar-menu">
        <ul class="nav navbar-nav navbar-center" data-in="fadeIn" data-out="fadeOut">
          <li class="dropdown"><a href="#home" class="dropdown-toggle page-scroll" data-toggle="dropdown">Home</a>
            
          </li>
          <li><a class="page-scroll" href="#about">About</a></li>
          
          <li><a class="page-scroll" href="#service">Services</a></li>
          <li><a class="page-scroll" href="#work">Works</a></li>
          <li><a class="page-scroll" href="#testimonial">Testimonials</a></li>
      
          <li><a class="page-scroll" href="#contact">Contact</a></li>
        </ul>
      </div>
      <!--== /.navbar-collapse ==-->
    </div>

    <!-- Start Side Menu -->
    <div class="side dark-bg">
    		<a href="index.html" class="logo-side"><img src="assets/images/logo.png" alt="side-logo"/></a>
            <a href="#" class="close-side"><i class="icofont icofont-close"></i></a>
            <div class="widget mt-120">
              <ul class="link">
                <li class="link-item"><a class="page-scroll" href="#home">Home</a></li>
                <li class="link-item"><a class="page-scroll" href="#about">About</a></li>
                <li class="link-item"><a class="page-scroll" href="#team">Team</a></li>
                <li class="link-item"><a class="page-scroll" href="#service">Services</a></li>
                <li class="link-item"><a class="page-scroll" href="#work">Works</a></li>
                <li class="link-item"><a class="page-scroll" href="#testimonial">Testimonials</a></li>
                <li class="link-item"><a class="page-scroll" href="#blog">Blog</a></li>
                <li class="link-item"><a class="page-scroll" href="#contact">Contact</a></li>
              </ul>
            </div>
            <ul class="social-media">
              <li><a href="#" class="icofont icofont-social-facebook"></a></li>
              <li><a href="#" class="icofont icofont-social-twitter"></a></li>
              <li><a href="#" class="icofont icofont-social-behance"></a></li>
              <li><a href="#" class="icofont icofont-social-dribble"></a></li>
              <li><a href="#" class="icofont icofont-social-linkedin"></a></li>
            </ul>
     </div>
     <!-- End Side Menu -->

  </nav>
  <!--== Header End ==-->

  <!--== Hero Slider Start ==-->
  <div class="remove-padding transition-none" id="home">
  <div id="rev_slider_1078_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classic4export" data-source="gallery" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
  <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
	<div id="rev_slider_1078_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
      <ul>	<!-- SLIDE  -->
      	<li data-index="rs-3045" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
      		<!-- MAIN IMAGE -->
      		<img src="assets/images/slides/home-bg-3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
      		<!-- LAYERS -->

          <!-- LAYER NR. 1 -->
      		<div class="hero-text-wrap">
      		<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3045-layer-1"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['-90','-90','-90','-50']"
            data-fontsize="['20','20','20','16']"
      			data-lineheight="['30','30','30','20']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
            data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[10,10,10,10]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[10,10,10,10]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:5px;">We Create</div>

      		<!-- LAYER NR. 2 -->
      		<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3045-layer-2"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['-10','-10','-10','-10']"
            data-fontsize="['56','56','56','30']"
      			data-lineheight="['66','66','66','40']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
      			data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[10,10,10,10]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[10,10,10,10]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:10px;">Awesome Works</div>


      		<!-- LAYER NR. 3 -->
      		<div class="tp-caption NotGeneric-SubTitle tp-resizeme" id="slide-3045-layer-3"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','40']"
            data-fontsize="['16','16','16','16']"
      			data-lineheight="['20','20','20','20']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
      			data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[0,0,0,0]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[0,0,0,0]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:5px;">CREATIVE AGENCY / WEBSITE DEVELOPMENT / COPYWRITER</div>

            <!-- LAYER NR. 4 -->
        		<div class="tp-caption NotGeneric-SubTitle tp-resizeme" id="slide-3045-layer-4"
        			data-x="['center','center','center','center']" data-hoffset="['0','0','0','50']"
        			data-y="['middle','middle','middle','middle']" data-voffset="['150','150','150','120']"
        			data-width="none"
        			data-height="none"
        			data-whitespace="['normal','nowrap','nowrap','nowrap']"
        			data-type="button"
              data-basealign="slide"
        			data-responsive_offset="on"
        			data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
        			data-textAlign="['inherit','inherit','inherit','inherit']"
        			data-paddingtop="[0,0,0,0]"
        			data-paddingright="[0,0,0,0]"
        			data-paddingbottom="[0,0,0,0]"
        			data-paddingleft="[0,0,0,0]"><a class="btn btn-lg btn-light-outline btn-square">See Our Works</a></div>

            </div>

      	</li>
      	<!-- SLIDE  -->
      	<li data-index="rs-3046" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-rotate="0"  data-saveperformance="off"  data-title="" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
      		<!-- MAIN IMAGE -->
      		<img src="assets/videos/explore.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>

          <!-- BACKGROUND VIDEO LAYER -->
          <div class="rs-background-video-layer"
              data-forcerewind="on"
              data-volume="mute"
              data-videowidth="100%"
              data-videoheight="100%"
              
              data-videopreload="auto"
              data-videoloop="loop"
              data-aspectratio="16:9"
              data-autoplay="true"
              data-autoplayonlyfirsttime="false"
      ><source src="assets/videos/banner.mp4" type="video/mp4">
      <source src="assets/videos/banner.webm" type="video/webm"></div>

      		<!-- LAYERS -->
          <!-- LAYER NR. 1 -->
          <div class="hero-text-wrap">
      		<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3045-layer-5"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['-90','-90','-90','-50']"
            data-fontsize="['20','20','20','16']"
      			data-lineheight="['30','30','30','20']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
            data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[10,10,10,10]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[10,10,10,10]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:5px;">Expextise In</div>

      		<!-- LAYER NR. 2 -->
      		<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-3045-layer-6"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['-10','-10','-10','-10']"
            data-fontsize="['56','56','56','30']"
      			data-lineheight="['66','66','66','40']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
      			data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[10,10,10,10]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[10,10,10,10]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:10px;">Web & App Development</div>


      		<!-- LAYER NR. 3 -->
      		<div class="tp-caption NotGeneric-SubTitle tp-resizeme" id="slide-3045-layer-7"
      			data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
      			data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','40']"
            data-fontsize="['16','16','16','16']"
      			data-lineheight="['20','20','20','20']"
      			data-width="none"
      			data-height="none"
      			data-whitespace="nowrap"
      			data-type="text"
      			data-responsive_offset="on"
      			data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
      			data-textAlign="['left','left','left','left']"
      			data-paddingtop="[0,0,0,0]"
      			data-paddingright="[0,0,0,0]"
      			data-paddingbottom="[0,0,0,0]"
      			data-paddingleft="[0,0,0,0]" style="font-family: 'Raleway', sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:5px;">CREATIVE AGENCY / WEBSITE DEVELOPMENT / COPYWRITER</div>

            <!-- LAYER NR. 4 -->
        		<div class="tp-caption NotGeneric-SubTitle tp-resizeme" id="slide-3045-layer-8"
        			data-x="['center','center','center','center']" data-hoffset="['0','0','0','50']"
        			data-y="['middle','middle','middle','middle']" data-voffset="['150','150','150','120']"
        			data-width="none"
        			data-height="none"
        			data-whitespace="['normal','nowrap','nowrap','nowrap']"
        			data-type="button"
              data-basealign="slide"
        			data-responsive_offset="on"
        			data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
        			data-textAlign="['inherit','inherit','inherit','inherit']"
        			data-paddingtop="[0,0,0,0]"
        			data-paddingright="[0,0,0,0]"
        			data-paddingbottom="[0,0,0,0]"
        			data-paddingleft="[0,0,0,0]"><a class="btn btn-lg btn-light-outline btn-square">See Our Works</a></div>

            </div>
      	</li>
      	<!-- SLIDE  -->

      </ul>
      <div class="tp-bannertimer" style="height: 3px; background-color: rgba(255, 255, 255, 0.25);"></div>	</div>
    </div>
  </div>
  <!--== Hero Slider End ==-->

  <!--== Who We Are Start ==-->
  <section class="white-bg xs-pb-100" id="about">
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h2 class="raleway-font default-color">Who We Are</h2>
            <hr class="center_line default-bg">
            <h1 class="raleway-font">Digital & Professionals Agency</h1>
          </div>
        </div>
      </div>

    </div>
  </section>
  <!--== Who We Are End ==-->

  <!--== About Company Start ==-->
  <section class="grey-bg xs-pb-60">
    <div class="col-md-6 col-sm-6 bg-flex bg-flex-left">
      <div class="bg-flex-holder bg-flex-cover" style="background-image: url(assets/images/first.jpg);">
       
      </div>
    </div>
    <div class="container-fluid">
      <div class="col-md-6 col-sm-6 col-md-offset-6 col-sm-offset-6">
        <div class="col-inner spacer text-left">
          <h1 class="raleway-font mt-0 font-20px xs-font-17px default-color">Our Amazing Story</h1>
          <h3 class="raleway-font mt-0 font-21px font-600 xs-font-16px">We are a team of multi-skilled and curious digital specialists who are always up for a challenge and learning as fast as digital is changing</h3>
          <p class="mt-30 intro">Looking for a professional PowerPoint presentation design agency? Our team of skilled PPT designers offers top-notch presentation design services tailored to your needs. Trust us for your next project and elevate your brand with our expert PowerPoint presentation design services.</p>
            <div class="row">
              <div class="col-md-6">
                  <h3>Our Vision</h3>
                  <p>Our vision is to become the leading service provider in India, providing end to end solutions for various Institutions and organizations both within and outside India.</p>
              </div>
              <div class="col-md-6">
                  <h3>Our Mission</h3>
                  <p>Our mission is to help Institutions and Businesses align their Information Technology strategy with their vision. They do this by providing the best marketing services and technology solutions.</p>
              </div>
            </div>
        </div>
      </div>
    </div>
  </section>
  <!--== About Company End ==-->

  <!--== Video Start ==-->
  <section class="relative">
    <div class="parallax-overlay"></div>
    <div class="container">
      <div class="row">
        <div class="display-table col-md-8 col-md-offset-2 col-sm-12">
          <div class="v-align-middle text-center">
            <div class="white-color text-center">
              <h1 class="font-700 font-60px line-height-60 xs-font-40px xs-line-height-50 sm-font-60px sm-line-height-70 play-font">Ready to Rock?</h1>
              <hr class="center_line default-bg">
              <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt<br /> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation<br /> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in<br /> reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
              </p>
              <p class="mt-30">
                <a class="btn btn-lg btn-light-outline btn-square">Get Started</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
     <video autoplay="" muted="" loop="" controls="" class="html5-video">
      <source src="assets/videos/banner.mp4" type="video/mp4">
      <source src="assets/videos/banner.webm" type="video/webm">
    </video>
  </section>
  <!--== Video End ==-->

  <!--== Team Start ==-->

  <!--== Team End ==-->

  <!--== Counters Start ==-->
  <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-speed="0.5" data-parallax-direction="up">
    <div class="overlay-bg"></div>
    <div class="container">
     
      <div class="row mt-50 row-flex flex-center">
          <div class="col-md-3 col-sm-6 col-xs-12 xs-mb-50 sm-mb-50">
            <div class="counter-wrap wow fadeInRight white-color" data-wow-delay="0.1s">
              <i class="icon-trophy font-70px"></i>
              <h2><span class="counter font-600">100</span></h2>
              <h3 class="font-200 text-uppercase">Active Clients</h3>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 col-xs-12 xs-mb-50 sm-mb-50">
            <div class="counter-wrap wow fadeInRight white-color" data-wow-delay="0.2s">
              <i class="icon-toolbox font-70px"></i>
              <h2><span class="counter font-600">50</span></h2>
              <h3 class="dark-color font-200 text-uppercase">Team</h3>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 col-xs-12 xs-mb-50">
            <div class="counter-wrap wow fadeInRight white-color" data-wow-delay="0.3s">
              <i class="icon-lifesaver font-70px"></i>
              <h2><span class="counter font-600">500</span></h2>
              <h3 class="dark-color font-200 text-uppercase">Project Delivered</h3>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="counter-wrap wow fadeInRight white-color" data-wow-delay="0.4s">
              <i class="icon-linegraph font-70px"></i>
              <h2><span class="counter font-600">5</span></h2>
              <h3 class="dark-color font-200 text-uppercase">Years</h3>
            </div>
          </div>
        </div>
    </div>
  </section>
  <!--== Counters End ==-->

  <!--== Services Start ==-->
  <section class="white-bg pb-0" id="service">
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h1 class="raleway-font">Our Services</h1>
            <hr class="center_line default-bg">
          </div>
        </div>
      </div>

      <div class="row mt-50">
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.1s">
          <div class="pull-left"><i class="icon-pencil font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Pitch Deck</h4>
            <p class="font-400">Custom Made, Graphically Designed Powerpoint Presentation that helps you.</p>
          </div>
        </div>
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.2s">
          <div class="pull-left"><i class="icon-tablet font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Fund Raising</h4>
            <p class="font-400">We also help you raise funds from Angels, VC Funds, HNIs, Banks / NBFCs.</p>
          </div>
        </div>
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.3s">
          <div class="pull-left"><i class="icon-pictures font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Business Plan</h4>
            <p class="font-400">25-50 Page MS Word document which lays out your business strategy.</p>
          </div>
        </div>
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.1s">
          <div class="pull-left"><i class="icon-desktop font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Start up Deals</h4>
            <p class="font-400">Lucrative startup deals from top quality startup service providers.</p>
          </div>
        </div>
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.2s">
          <div class="pull-left"><i class="icon-layers font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Teaser/ Video Pitch</h4>
            <p class="font-400">1-Page Teaser and 1-3 Minutes Video Pitch for your startup.</p>
          </div>
        </div>
        <div class="col-md-4 feature-box text-left mb-50 col-sm-6 wow fadeInRight" data-wow-delay="0.3s">
          <div class="pull-left"><i class="icon-lightbulb font-40px"></i></div>
          <div class="pull-right">
            <h4 class="mt-0 font-600 raleway-font">Experts on Demand</h4>
            <p class="font-400">Consult Experts On Demand e.g. Fund Raising Experts, CTO, CFO, CMO.</p>
          </div>
        </div>
      </div>
      

    </div>
  </section>
  <!--== Services End ==-->

  <!--== Skills Start ==-->
  <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-bg-image="assets/images/background/parallax-bg.jpg" data-parallax-speed="0.5" data-parallax-direction="up">
    <div class="overlay-bg"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h1 class="raleway-font white-color">Industries we have served</h1>
            <hr class="center_line default-bg">
          </div>
        </div>
      </div>
    	<div class="row">
            <div class="col-md-3 mt-30 col-xs-12 xs-mt-0">
              <div class="skillbar-wrap skillbar-style-01">
                <div class="skillbar" data-percent="70">
                    <span class="skillbar-title white-color font-18px">E-Commerce</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <div class="skillbar" data-percent="70">
                    <span class="skillbar-title white-color font-18px">Edu-Tech</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="66">
                    <span class="skillbar-title white-color font-18px">Health-Tech & Fitness</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="85">
                    <span class="skillbar-title white-color font-18px">Fin-Tech & NBFC</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

              </div>
            </div>

            <div class="col-md-3 mt-30 col-xs-12 xs-mt-0">
              <div class="skillbar-wrap skillbar-style-01">
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Travel & Tourism</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Sports Tech</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="99">
                    <span class="skillbar-title white-color font-18px">Recruitment & HR Tech</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="50">
                    <span class="skillbar-title white-color font-18px">Non-Profit</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

              </div>
            </div>
            
            <!-- 3rd row -->
<div class="col-md-3 mt-30 col-xs-12 xs-mt-0">
              <div class="skillbar-wrap skillbar-style-01">
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Media/ Social Network</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Food & Beverage / QSRs</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="99">
                    <span class="skillbar-title white-color font-18px">Real Estate/ Construction</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="50">
                    <span class="skillbar-title white-color font-18px">Coworking / Coliving</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

              </div>
            </div>

<!-- 4rd row -->
<div class="col-md-3 mt-30 col-xs-12 xs-mt-0">
              <div class="skillbar-wrap skillbar-style-01">
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Beauty & Fashion</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                
                <div class="skillbar" data-percent="30">
                    <span class="skillbar-title white-color font-18px">Consumer Products & FMCG</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="99">
                    <span class="skillbar-title white-color font-18px">Agri Tech</span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

                <div class="skillbar" data-percent="50">
                    <span class="skillbar-title white-color font-18px">Logistics & Hyper Local </span>
                    <p class="skillbar-bar default-bg"></p>
                </div>
                <!-- End Skill Bar -->

              </div>
            </div>

        </div>
    </div>
  </section>
  <!--== Skills End ==-->

  <!--== Portfolio Start ==-->
  <section class="grey-bg pb-0" id="work">
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h1 class="raleway-font">Our Works</h1>
            <hr class="center_line default-bg">
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
           <!-- <div id="portfolio-gallery-filter" class="cbp-l-filters-alignCenter text-sm-center mt-50">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item dark">
                  All
              </div>
              <div data-filter=".branding" class="cbp-filter-item">
                  Branding
              </div>
              <div data-filter=".print" class="cbp-filter-item">
                  Print Design
              </div>
              <div data-filter=".web-design" class="cbp-filter-item">
                  Web Design
              </div>
              <div data-filter=".advertising" class="cbp-filter-item">
                  Advertising
              </div>
              <div data-filter=".photography" class="cbp-filter-item">
                  Photography
              </div>
          </div>-->
        </div>
      </div>
    </div>
    <div class="container-fluid remove-padding">

      <div class="row mt-50">
        <div class="col-md-12">
          <div id="portfolio-gallery" class="cbp">
              <div class="cbp-item branding col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/p1.jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 1</h3>
    								      <h6 class="links">Branding, Website</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/p1.jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>

              <div class="cbp-item branding web-design col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/Presentation-Mockup-6.jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 2</h3>
    								      <h6 class="links">UI/UX, Website</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/Presentation-Mockup-6.jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>

              <div class="cbp-item web-design print col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/p4.jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 3</h3>
    								      <h6 class="links">Print, Website</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/p4.jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>

              <div class="cbp-item web-design advertising col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/Presentation-Mockup-7 (1).jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 4</h3>
    								      <h6 class="links">Advertising, Website</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/Presentation-Mockup-7 (1).jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>

              <div class="cbp-item photography col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/p3.jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 5</h3>
    								      <h6 class="links">Photography</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/p3.jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>

              <div class="cbp-item web-design col-md-4 col-sm-6">
                  <div class="portfolio gallery-image-hover text-center">
                  	<div class="folio-overlay"></div>
                  	<img src="assets/images/portfolio/grid/Mockup-presentation-Mindtel.psd.jpg" alt="">
                  	<div class="portfolio-wrap">
               	  		  <div class="portfolio-description">
    								      <h3 class="portfolio-title mt-0">Project Name 6</h3>
    								      <h6 class="links">Website</h6>
    							      </div>
        							  <ul class="portfolio-details">
          								<li><a class="cbp-lightbox" href="assets/images/portfolio/grid/Mockup-presentation-Mindtel.psd.jpg"><i class="icofont icofont-search"></i></a></li>
          								<li><a href="works.html"><i class="icofont icofont-link"></i></a></li>
        							  </ul>
      						  </div>
      					</div>
              </div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-12 remove-padding default-bg">
            <p class="mt-0 centerize-col text-center pt-60 pb-60 mb-0">
                <a class="btn btn-lg btn-light-outline btn-square">View All Works</a>
              </p>
          </div>
        </div>
    </div>
  </section>
  <!--== Portfolio End ==-->

  <!--== Testimonials Start ==-->
  <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80"  data-parallax-speed="0.5" data-parallax-direction="up" id="testimonial">
    <div class="overlay-bg"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h1 class="raleway-font white-color">Our Testimonials</h1>
            <hr class="center_line default-bg">
          </div>
        </div>
      </div>
      <div class="row">
        <div class="slick testimonial">
        	<div class="col-md-4 col-sm-6 col-xs-12">
        		<!--== Slide ==-->
    				<div class="testimonial-item">
    				  <div class="testimonial-content">
                <i class="icofont icofont-quote-left font-50px default-color mt-20"></i>
    				  	
                <div class="text-center">
      					  <h4 class="font-600 mb-0 raleway-font white-color">BootsRad Protection of Assets</h4>
      					  <span class="default-color font-14px">Customer</span>
                  <div class="clearfix mb-20"></div>
      					  <p class="mt-20 line-height-26 font-14px white-color">Excellent Services. They are very friendly, patient and helpful in helping us find what we were looking for. Thanks.!</p>
                </div>
    				  </div>
    				</div>
        	</div>

        	<div class="col-md-4 col-sm-6 col-xs-12">
        		<!--== Slide ==-->
    				<div class="testimonial-item">
    				  <div class="testimonial-content">
                <i class="icofont icofont-quote-left font-50px default-color mt-20"></i>
    				  	
                <div class="text-center">
                  <h4 class="font-600 mb-0 raleway-font white-color">Navnit Kumar</h4>
        					<span class="default-color font-14px">Customer</span>
                  <div class="clearfix mb-20"></div>
      					  <p class="mt-20 line-height-26 font-14px">I had a great experience with them . team is very friendly and highly proffessional.</p>
                </div>
    				  </div>
    				</div>
  			</div>
  			
  			<div class="col-md-4 col-sm-6 col-xs-12">
        <!--== Slide ==-->
  				<div class="testimonial-item">
  				  <div class="testimonial-content">
              <i class="icofont icofont-quote-left font-50px default-color mt-20"></i>
              
              <div class="text-center">
                <h4 class="font-600 mb-0 raleway-font white-color">Ravindra Raul</h4>
                <span class="default-color font-14px">Customer</span>
                <div class="clearfix mb-20"></div>
                <p class="mt-20 line-height-26 font-14px">Excellent support and quick development by team clickfunnel.
Bravo.</p>
              </div>
  				  </div>
  				</div>
        </div>
		   </div>
      </div>
    </div>
  </section>
  <!--== Testimonials End ==-->

  
  <!--== Clients Start ==-->
  <div class="dark-bg pt-60 pb-60">
    <div class="container">
      <div class="row">
        <div class="client-slider slick">
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/accelron.png" alt="01"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/AFM.png" alt="02"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/ASHRAYA.png" alt="03"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/AYURVEDA.png" alt="04"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/BETHEREASON.png" alt="05"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/IADS.png" alt="06"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/king-farmer.png" alt="07"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/MAJESTIC-HOMES.png" alt="08"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/MINDTEL.png" alt="09"/> </div>
          <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/PAFEX.png" alt="10"/> </div>
        </div>
      </div>
    </div>
  </div>
  <!--== Clients End ==-->

  <!--== Contact Start ==-->
  <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-speed="0.5" data-parallax-direction="up" id="contact">
    <div class="overlay-bg"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-8 centerize-col text-center">
          <div class="section-title">
            <h1 class="raleway-font white-color">Contact Us</h1>
            <hr class="center_line default-bg">
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row mt-70">
        <div class="col-md-6 col-sm-6 col-xs-12">
          <form name="contact-form" id="contact-form" action="php/contact.php" method="POST" class="contact-form-style-01 xs-mb-50">
            <div class="messages"></div>
            <div class="row">
              <div class="col-md-6 col-sm-6">
                <div class="form-group">
                  <label class="sr-only" for="name">Name</label>
                  <input type="text" name="name" class="md-input style-02" id="name" placeholder="Name *" required data-error="Your Name is Required">
                  <div class="help-block with-errors"></div>
                </div>
              </div>
              <div class="col-md-6 col-sm-6">
                <div class="form-group">
                  <label class="sr-only" for="email">Email</label>
                  <input type="email" name="email" class="md-input style-02" id="email" placeholder="Email *" required data-error="Please Enter Valid Email">
                  <div class="help-block with-errors"></div>
                </div>
              </div>
              <div class="col-md-12 col-sm-6">
                <div class="form-group">
                  <label class="sr-only" for="message">Project Details</label>
                   <input type="Number" name="Number" class="md-input style-02" id="Number" placeholder="Phone *" required data-error="Please Enter Valid Number">
                  <div class="help-block with-errors"></div>
                </div>
              </div>
              <div class="col-md-12 col-sm-12">
                <div class="form-group">
                  <label class="sr-only" for="message">Project Details</label>
                  <textarea name="message" class="md-textarea style-02" id="message" rows="7" placeholder="Project Details" required data-error="Please, Leave us a message"></textarea>
                  <div class="help-block with-errors"></div>
                </div>
              </div>
              <div class="col-md-12 col-sm-12">
                <div class="text-left">
                  <button type="submit" name="submit" class="btn btn-light-outline btn-md btn-square btn-animate remove-margin"><span>Send Message <i class="ion-android-arrow-forward"></i></span></button>
                </div>
              </div>
            </div>
          </form>
        </div>

        <div class="col-md-6 col-sm-6 col-xs-12 xs-mb-50">
          <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="section-title">
                <h2 class="raleway-font default-color">Postal Address</h2>
                <p class="mt-30">165/166,Pkt-25,Sec-24 Rohini,Delhi-110085,India</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="section-title">
                <h2 class="raleway-font default-color">Office Numbers</h2>
                <p class="mb-0 mt-30"><a href="tel: +91-8920658919">+91-8920658919</a></p>
                <p class="mb-0"><a href="tel: +91-9625955505">+91-9625955505</a></p>
              </div>
            </div>
          </div>
          <div class="row mt-20">
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="section-title">
                <h2 class="raleway-font default-color">Our Email</h2>
                <p class="mb-0 mt-30">Order : order@yourwebsite.com</p>
                <p class="mb-0">Request : request@yourwebsite.com</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="section-title">
                <h2 class="raleway-font default-color">Fast Support</h2>
                <p class="mb-0 mt-30">Support : support@yourwebsite.com</p>
                <p class="mb-0">Career : career@yourwebsite.com</p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>
  <!--== Contact End ==-->

  <!--== Footer Start ==-->
  <footer class="footer">
    <div class="footer-copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-xs-12">
            <div class="copy-right text-left">© 2023 TheClickFunnel | All Rights Reserved</div>
          </div>
          <div class="col-md-6 col-xs-12">
            <ul class="social-media">
              <li><a href="#" class="icofont icofont-facebook"></a></li>
      			  <li><a href="#" class="icofont icofont-twitter"></a></li>
      			  <li><a href="#" class="icofont icofont-behance"></a></li>
      			  <li><a href="#" class="icofont icofont-dribble"></a></li>
              <li><a href="#" class="icofont icofont-linkedin"></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!--== Footer End ==-->

  <!--== Go to Top  ==-->
  <a href="javascript:" id="return-to-top"><i class="icofont icofont-arrow-up"></i></a>
  <!--== Go to Top End ==-->

</div>
<!--== Wrapper End ==-->

<!--== Javascript Plugins ==-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/smoothscroll.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/master.js"></script>

<!-- Revolution js Files -->
<script src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="revolution/js/revolution.extension.actions.min.js"></script>
<script src="revolution/js/revolution.extension.carousel.min.js"></script>
<script src="revolution/js/revolution.extension.kenburn.min.js"></script>
<script src="revolution/js/revolution.extension.layeranimation.min.js"></script>
<script src="revolution/js/revolution.extension.migration.min.js"></script>
<script src="revolution/js/revolution.extension.navigation.min.js"></script>
<script src="revolution/js/revolution.extension.parallax.min.js"></script>
<script src="revolution/js/revolution.extension.slideanims.min.js"></script>
<script src="revolution/js/revolution.extension.video.min.js"></script>
<!--== Javascript Plugins End ==-->

</body>
</html>
