HOME

Mini Shell 1.0
Current File : /home/neverdyingtattooz.com/www/index.html
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Never Dying Tattooz</title>
  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
  <link rel="shortcut icon" href="./images/fav-icon.png" type="image/x-icon">
  <!-- CSS only -->

  <!-- Custom CSS -->
  <link href="style.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">

  <!-- Owl Carousel Assets -->
  <link href="css/owl.carousel.css" rel="stylesheet">
  <link href="css/owl.theme.css" rel="stylesheet">

  <!-- Custom Fonts -->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">

  <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  <script>
    $(window).scroll(function () {
      if ($(this).scrollTop() > 20) {
        $('.header').addClass("sticky");
      }
      else {
        $('.header').removeClass("sticky");
      }
    });
  </script>

</head>

<body>
  <header class="header" id="Home">
    <div class="menu-head">
      <div class="container">
        <nav class="navbar navbar-default">
          <div class="navbar-header">
            <a class="navbar-brand nav-logo" href="#"><img src="./images/logo.png" alt="image" class="logo" /></a>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Menu</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">

              <li><a href="index.html">Home</a></li>
              <li><a href="about.html">About Us</a></li>
              <li class="li-arrow li-mrg"><a href="services.html">Services</a></li>
              <li><a href="artist.html">Artists</a></li>
              <li><a href="portfolio.html">Portfolio</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>

      </div>
      <!--/ menu-head -->
    </div>
    <!--/ container -->
  </header>

  <section class="banner">
    <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel"
      data-pause="hover" data-interval="5000">

      <!-- Indicators -->
      <ol class="carousel-indicators hidden">
        <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
      </ol>

      <!-- Wrapper For Slides -->
      <div class="carousel-inner" role="listbox">
        <!-- Third Slide -->
        <div class="item active">
          <img src="./images/slider-01 (1).jpg" alt="image" class="slide-image" />
          <div class="bs-slider-overlay"></div>
          <div class="container">
            <div class="row">
              <div class="slide-text">
                <h1 data-animation="animated fadeInDown"><span>Welceme To</span>Never Dying Tattooz<span>The World Of
                    Creativity</span></h1>
                <!--a href="#" class="btn btn-default" data-animation="animated fadeInDown"><span>Vire More</span></a-->
              </div>
            </div>
          </div>
        </div><!-- End of Slide -->
      </div><!-- End of Wrapper For Slides -->

      <!-- Left Control -->
      <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span
          class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>

      <!-- Right Control -->
      <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span
          class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>

    </div> <!-- End  bootstrap-touch-slider Slider -->
  </section>
  <!--/ banner -->
  <section class="service-sec">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-sm-6 col-12">
          <div class="service-box">
            <figure><img src="./images/portraits.JPG" alt=""></figure>
            <h3>Portrait Design</h3>
            <!--img src="./images/style.png" alt=""-->
            <p>Portrait tattoos are tattoos which look like a portrait. They can be an image of just about anyone, whether real or fictional.</p>
            <p><a href="#">Read More <img src="./images/arrow.png" alt=""></a></p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6 col-12">
          <div class="service-box">
            <figure><img src="./images/Full Sleeves2.JPEG" alt=""></figure>
            <h3>Show your personality</h3>
            <!--img src="./images/style.png" alt=""-->
            <p> A tattoo also reflect your personality Sometimes, they can look really cool and give you an appeal compared to someone without them.</p>
            <p><a href="#">Read More <img src="./images/arrow.png" alt=""></a></p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6 col-12">
          <div class="service-box">
            <figure><img src="./images/gallery-08.JPG" alt=""></figure>
            <h3>Forearm Tattoos</h3>
            <!--img src="./images/style.png" alt=""-->
            <p>The forearm is one of the most popular areas on the body to get tattooed. If you're looking for a relatively painless and smooth surface to get inked</p>
            <p><a href="#">Read More <img src="./images/arrow.png" alt=""></a></p>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6 col-12">
          <div class="service-box">
            <figure><img src="./images/Full Sleeves3.png" alt=""></figure>
            <h3>fulseleves Tattoos</h3>
            <!--img src="./images/style.png" alt=""-->
            <p>A sleeve tattoo or tattoo sleeve is a large tattoo or collection of smaller tattoos that covers most or all of a person's arm.</p>
            <p><a href="#">Read More <img src="./images/arrow.png" alt=""></a></p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- service sec end -->
  <!-- gallery sec start -->
  <section class="gallery">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-3 col-sm-6">
          <div class="photo-box">
            <div class="photo-col-mrg full-img">
              <figure><img src="./images/g1.jpg" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="photo-box">
            <div class="photo-col-mrg">
              <figure><img src="./images/gallery-02.JPG" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="photo-box">
            <div class="photo-col-mrg">
              <figure><img src="./images/g3.jpg" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3">
          <div class="photo-box">
            <div class="photo-col-mrg full-img">
              <figure><img src="./images/gallery-04.JPG" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-sm-12">
          <div class="photo-box">
            <div class="photo-col-mrg">
              <figure><img src="./images/g2.jpg" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="photo-box">
            <div class="photo-col-mrg">
              <figure><img src="./images/gallery-06.JPG" alt=""></figure>
              <div class="detail-col">
                <a href="#" class="btn-hover"></a>
                <div class="detail-col-inner">
                  <div>
                    <h4>Horizontal Masonry</h4>
                    <p><span>12 photos</span><span class="separator">—</span><span>Looping</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- gallery sec end-->
  <section class="artists-sec">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h2>Our Artist</h2>
          <!--<img src="./images/style.png" class="style-img" alt="">-->
        </div>
        <div class="col-lg-6 ">
          <div class="artist-left">
            <figure>
              <img src="./images/artist-pic.JPG" alt="">
            </figure>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="artist-right">
            <h4>Sahib Chahal</h4>
            <p><strong>Sahib Chahal</strong> is an individual who applies permanent decorative tattoos, Sahib Chahal can create original tattoo designs for their customers, or they may use flash (pre-drawn, stock images) or variations of known designs.</p>
            <div class="social-icons">
              <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
              <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
              <a href=""><i class="fa fa-instagram" aria-hidden="true"></i></a>
              <a href=""><i class="fa fa-youtube" aria-hidden="true"></i></a>
            </div>
          </div>
        </div>
      </div><!-- row-->
    </div><!-- .container end -->
  </section>
  <!--/  artists-sec  -->

  <section class="client-speak">
    <div class="container-fluid pad-0">
    </div>

    <div class="container">
      <div class="row">

        <div class="col-sm-12 grid-left pad-0 text-center">
          <div id="owl-demo-2">
            <div class="item">
              <h2>Reviews</h2>
              <figure><img src="./images/dummy.jpg" alt=""></figure>
              <p>Hello good and efficient work and best prices depends upon the tatto size even i was a new one to visit to Never Dying Tattooz without checking any tatoo studio from Google i went through the Never Dying Tattooz studios best work done by Sahib Chahal bro thanks a lot</p>
              <h5>~ Hardeep Singh</h5>
            </div>
            <!--/ item -->

            <div class="item">
              <h2>Reviews</h2>
              <figure><img src="./images/dummy-2.jpg" alt=""></figure>
              <p>This was my second tattoo, both have been inked my Never Dying Tattooz only !The staff is friendly , they make sure you are comfortable and give you great suggestions and make sure things go in place </p>
              <h5>~ Neha Sharma</h5>
            </div>
            <!--/ item -->
            <div class="item">
              <h2>Reviews</h2>
              <figure><img src="./images/dummy.jpg" alt=""></figure>
              <p>My first ever tattoo experience was surprising. I really wanna thank you for amazing tattoo on my hand.Had a great time with you, You did a great job and designed the tattoo in the way I wanted.</p>
              <h5>~ Rajiv Kumar</h5>
            </div>
            <!--/ item -->

            <div class="item">
              <h2>Reviews</h2>
              <figure><img src="./images/dummy-2.jpg" alt=""></figure>
              <p>I have a total of 4 tattoos out of which my recent one was done at this studio and I must say that there is no doubt these guys are top in the city. I was indeed impressed by the professionalism and attitude of the artists. </p>
              <h5>~ Anita Thakur</h5>
            </div>
            <!--/ item -->

          </div>
        </div>
        <!--/ grid-left -->

      </div>
      <!--/ row -->
    </div>
  </section>
  <!--/ client-speak  -->
  <section class="video-sec">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <figure>
            <video src="./images/20211127-202723-201.MP4" autoPlay controls muted></video>
          </figure>
        </div>
        <div class="col-lg-6">
          <div class="video-sec-right">
            <span>Why</span>
          <h1>We Are Best</h1>
          <!--<img src="./images/style.png" alt="" class="style-img">!-->
          <p>Tattooing or marking the body with a permanent design by inserting pigment into the skin, is an art form that dates back thousands of years. While some tattoos hold cultural significance, many people get body art for aesthetic or sentimental reasons. Tattoos are an opportunity for people to creatively express themselves. “I encourage my clients to choose tattoos that mean something to them, but to also look at them as artwork, because it’ll be on their body forever,” says tattoo artist <b>Sahib Chahal</b></p>
          <ul>
            <li><b>Handle tattooing equipment:</b>Tattoo artists handle tattooing equipment to provide appealing tattoos for clients. They may use tattooing guns, needles, tubes and ink to create a tattoo.</li>
            <li><b>Create meaningful designs:</b>They create meaningful designs for clients, depending on the client's preferences and requests. They may create their own unique design or they can use a stencil to gain inspiration.</li>
            <li><b>Create design books:</b>Tattoo artists often create design books that are similar to their portfolio, which contain images of their previous work so that their clients can find ideas they may want to replicate for their own tattoo. They may have different design books that contain specific styles or techniques, or they might have one book that stores all their previous work for clients to review.</li>
            <li><b>Seek feedback from clients:</b>After creating a tattoo design, they seek feedback from their clients to determine any modifications that better match the client's preferences.</li>
            <li><b>Sterilize equipment:</b>They sterilize tattooing equipment before using it to ensure that clients are safe while receiving their tattoos.</li>
            <li><b>Book appointments:</b>Tattoo artists schedule appointments depending on the time it takes to complete a tattoo. For example, if a client requests a large tattoo, then the artist may schedule an appointment that's several hours long.
          </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="footer">

    <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up"></i> </a></div>
    <script>
      $(document).ready(function () {
        let scroll_link = $('.scroll');

        //smooth scrolling -----------------------
        scroll_link.click(function (e) {
          e.preventDefault();
          let url = $('body').find($(this).attr('href')).offset().top;
          $('html, body').animate({
            scrollTop: url
          }, 700);
          $(this).parent().addClass('active');
          $(this).parent().siblings().removeClass('active');
          return false;
        });
      });
    </script>

    <div class="container-fluid">
      <div class="row">

        <div class="col-md-4 col-sm-12 ft-pad">
          <div class="wg-1">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27436.278914821734!2d76.62562726849876!3d30.731474106230625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fef94f2f36b71%3A0x55c6a5db9300775c!2sShivalik%20City%2C%20Kharar%2C%20Punjab%20140301!5e0!3m2!1sen!2sin!4v1657104754487!5m2!1sen!2sin" width="100%" height="513" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
          </div>
        </div>

        <div class="col-md-4 col-sm-6">
          <div class="wg-1 contact-footer">
            <h4>Contact Us</h4>
            <p>For more information contact us or complete our contact form.</p>
            <address>
              <p><span>Our Address</span>SCO 38, 2nd Floor
                Sector 127, Shivalik City,  Near Bank of Baroda,
                Kharar, Mohali, Punjab.</p>
            </address>
            <address>
              <p><span>Studio Contact</span><a href="#">Tel:+91-9877501098</a><br><a
                  href="#">sahibsinghchahal24@gmail.com</a></p>
            </address>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 form-ft">
          <div class="wg-1">
            <h4>Complete Our Contact Form</h4>
            <p>We aim to respond to all enquiries within 24 hours.</p>
            <form>
              <div class="form-group"><input type="text" class="form-control" placeholder="Full Name"></div>
              <div class="form-group"><input type="text" class="form-control" placeholder="Email Address"></div>
              <div class="form-group"><input type="text" class="form-control" placeholder="Contact No"></div>
              <div class="form-group"><textarea class="form-control" placeholder="Your Message"></textarea></div>
              <div class="form-group"><input type="submit" value="Send Message" class="btn"></div>
            </form>
            <h5>Your information will not be used by third-parties for marketing. See our privacy policy to see how we
              protect your information.</h5>
          </div>
        </div>

      </div>
      <!--/ row -->
    </div>
    <!--/ container -->

    <div class="ft-bottom">
      <div class="container">
        <div class="row">

          <div class="col-sm-6">
            <p class="copyright">Copy © 2022 All Rights reserved by Never Dying Tatooz</p>
          </div>

          <div class="col-sm-6 text-right">
            <p>Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private Limited</a></p>
          </div>

        </div>
        <!--/ row -->
      </div>
    </div>
    <!--/ ft-bottom -->
  </footer>




  <!-- Bootstrap Core JavaScript -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>
  <script src="js/owl.carousel.js"></script>
  <script>
    $('.counter-count').each(function () {
      $(this).prop('Counter', 0).animate({
        Counter: $(this).text()
      }, {
        duration: 5000,
        easing: 'swing',
        step: function (now) {
          $(this).text(Math.ceil(now));
        }
      });
    });
  </script>

  <script>
    $(document).ready(function () {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items: 1,
        itemsDesktop: [1199, 1],
        navigation: true,
        itemsDesktopSmall: [979, 1],
        itemsMobile: [979, 1]
      });

    });

    $(document).ready(function () {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 1,
        itemsDesktop : [1199,1],
        navigation : true, 
        itemsDesktopSmall : [768,1],
        itemsMobile : [320,1]
      });

    });

    // When the DOM is ready, run this function
    $(document).ready(function () {
      //Set the carousel options
      $('#quote-carousel').carousel({
        pause: true,
        interval: 4000,
      });
    });
  </script>
</body>

</html>