HOME

Mini Shell 1.0
Current File : /home/neverdyingtattooz.com/www/about.html
<!DOCTYPE html>
<html lang="en">

<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 section strat---------------------- -->
    <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>
    <!-- -----------------------------header section end---------------------- -->
    <!-- -------------------banner inner section start-------------------------- -->
    <section class="banner-inner">
        <div class="textblock">
            <div class="block">
                <div class="container">

                    <div class="page-title">
                        <div class="holder">
                            <h1>About Us</h1>
                        </div>
                    </div>
                    <!--/ page-title -->

                    <!-- breadcrumb -->
                    <ol class="breadcrumb text-capitalize">
                        <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span
                                    property="name">Home</span></a>
                            <meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span
                                property="itemListElement" typeof="ListItem"><span property="name">About Us</span>
                                <meta property="position" content="2">
                            </span>
                        </li>
                    </ol>

                </div>
                <!--/ block -->
            </div>
        </div>
    </section>
    <!--/ banner-inner -->
    <!-- -------------------banner inner section end-------------------------- -->
    <!-- -------------------about section 1 start-------------------------- -->
    <div class="mid-inner">
        <section class="about-sec">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 about-left aos-init aos-animate" data-aos="zoom-in">
                        <div class="about-left">
                            <figure>
                                <img src="./images/tattoo house img.jpg" alt="">
                            </figure>
                        </div>
                    </div>
                    <div class="col-sm-6 about-left aos-init aos-animate" data-aos="zoom-in">
                        <div class="about-padd">
                            <h2><span class="about-elm">Never Dying Tattooz</span>About Us</h2>
                            <div class="about-content-item">
                                <div class="about-content-texts about-content">
								  <h5>3 Year Experience in Tattoo Industry</h5>
                                    <p>
                                        Finding a tattoo design that you want inked on your skin forever is a process.
                                        Searching the photos on our site will help you get inspiration, or even better,
                                        a tattoo artist near you that can help bring your ideas to life. Tattoo.com
                                        helps you narrow down results to art created by tattoo artists near you. Learn
                                        about tattoos, discover their symbolic meaning, find inspiration, collect the
                                        ones you like and easily contact the artists who created them to find out how
                                        you too can get an amazing design you won’t end up regretting. </p>
                                    <p>
                                        Never Dying Tattooz provides unique and custom work and our reviews speak for
                                        themselves as one of the best rated tattoo shops in the our area. Our reputation
                                        and providing the highest quality of service means the world to us. We guarantee
                                        that you will always walk away with custom artwork that you will love. Goodkind
                                        Tattoo is owned and operated by Rob Goodkind, one of the best tattoo artists you
                                        will meet. Rob and his staff are constantly evolving within in the tattoo
                                        industry by learning new methods, ideologies of Chicago, and appreciating the
                                        artwork that others do.
                                    </p>
                                    <p>We specialize in many different tattoo genres while keeping traditional tattooing
                                        roots. We are always looking to break boundaries to provide you with a truly
                                        unique piece. We prefer working with our clients and collaborate on new ideas,
                                        or adding to existing ones, to achieve a finished product that leaves everyone
                                        satisfied. Our greatest reward is to leave you feeling proud with your new work.
                                    </p>
                                </div>
                            </div>
                            <!--/ col-sm -->
                        </div>
                        <!--/ col-sm -->
                    </div>
                    <!--/ row -->
                </div>
        </section>
    </div>
    <!-- -------------------about section 1 end-------------------------- -->


    <!-- -----------------------footer section start-------------------------- -->
    <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!1d54867.44821165672!2d76.64077037681925!3d30.740447298242735!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fefc57dcf7e55%3A0x1ad6279703a8e982!2sKFC!5e0!3m2!1sen!2sin!4v1596621707814!5m2!1sen!2sin"
                            width="100%" height="513" frameborder="0" style="border:0;" allowfullscreen=""
                            aria-hidden="false" tabindex="0"></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 Tattooz</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>
    <!-- -----------------------footer section end-------------------------- -->
</body>

<!-- 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>

</html>