File: /home/durgeshpandey215/www/tattooz.skilladders.com/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tatto</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Vidaloka&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.4.0/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="whatsappIcon">
<a href="//wa.me/+919768959279"><img src="./assets/icon/whatsapp.png" alt=""></a>
</div>
<div class="CallIcon">
<a href="tel:897-621-1161"><img src="./assets/icon/telephone.png" alt=""></a>
</div>
<div id="main">
<!-- navigation open -->
<div class="nav">
<div class="navInner">
<div class="navContent" id="navlogo">
<h1>BLACK LOTUS TATTOZ</h1>
<!-- <img src="./assets/logo.png" alt=""> -->
</div>
<div class="navContent" id="navlist">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#tattoTypes">SERVICE</a></li>
<li><a href="#ourWork">TATTOO</a></li>
<li><a href="#contactMe">CONTACT</a></li>
</ul>
</div>
<div class="responsiveMenu">
<i class="ri-menu-line" id="menuopen"></i>
<i class="ri-close-line" id="menuclose"></i>
</div>
</div>
</div>
<!-- navigation close -->
<!-- home open -->
<section class="Home">
<div class="homeOverlay"></div>
<div class="Home-Inner">
<div class="home-content">
<p>Ink Your Memory With</p>
<h1>FLAT 50% OFF ON ANY TATTO</h1>
<h3>Your Dream Tatto At Dot Line</h3>
</div>
</div>
</section>
<!-- home close -->
<!-- tatto types open -->
<section class="tatto-type" id="tattoTypes">
<div class="tatto-type-inner">
<div class="tatto-type-section" id="tatto-type-s1">
<div class="tatto-type-dets" id="tatto-type-img1"><img src="./assets/img2.jpg" alt=""></div>
<div class="tatto-type-dets" id="tatto-type-content">
<h1>Ombre brows</h1>
<P>Ombre brows are a semi-permanent eyebrow technique that creates a gradient effect, with a
softer look at the front and a
darker, more defined tail. This technique uses a machine to apply pigment, giving a natural,
filled-in appearance. Ombre
brows can enhance the shape and fullness of your eyebrows, making them look fuller and more
polished. They typically
last 1-3 years, and touch-ups may be needed to maintain the color and shape. Aftercare is
important to ensure proper
healing and long-lasting results.</P>
<button><a href="#contactMe">KNOW MORE</a></button>
</div>
<div class="tatto-type-dets" id="tatto-type-img1"><img src="./assets/img3.jpg" alt=""></div>
</div>
<div class="tatto-type-section" id="tatto-type-s2">
<div class="tatto-type-dets" id="tatto-type-content">
<h1>Microblading</h1>
<P>Microblading is a semi-permanent eyebrow tattooing technique that uses a handheld tool to
create fine hair-like strokes.
It enhances the shape and fullness of eyebrows, typically lasting 1-3 years, requiring
touch-ups for maintenance. Safety
and aftercare are essential, also
Microblading Permanent Eyebrow. Brow Masters Eyebrow Microblading & Permanent Makeup Academy
| Lip Blush Tattoo |
Permanent Eyeliner | Lip Treatment</P>
<button><a href="#contactMe">KNOW MORE</a></button>
</div>
<div class="tatto-type-dets" id="tatto-type-img1"><img src="./assets/img1.jpg" alt=""></div>
<div class="tatto-type-dets" id="tatto-type-content">
<h1>Piercing</h1>
<P>Piercing is the process of creating a small hole in the skin to insert jewelry. The most
common type is earlobe
piercing, where earrings are placed. Cartilage piercings are done in the harder part of the
ear, while nose piercings
typically go in the nostril or septum. Eyebrow piercings are located above the eye, and lip
piercings can be done around
the mouth. Tongue piercings are usually placed in the center of the tongue, and navel
piercings go through the belly
button. After getting a piercing, proper care is essential to ensure it heals well and to
prevent infections.
</P>
<button><a href="#contactMe">KNOW MORE</a></button>
</div>
</div>
</div>
</section>
<!-- tatto types close -->
<!-- tatto more types open -->
<section class="tatto-m-type-outer">
<div class="tatto-m-type-section">
<div class="tatto-m-type" id="tatto-m-left">
<img src="https://img.freepik.com/free-photo/portrait-tattooed-man-with-piercing-ears-nose-standing-against-grey-backdrop_23-2148121852.jpg?t=st=1729778151~exp=1729781751~hmac=74c2bdc7b59f760791fba10a2aeb5e49720dc038b21ba43b642fe04105417f89&w=740"
alt="">
<p>Eternal tattoos represent lasting love, memories, or significant moments in life. Common designs
include infinity
symbols, hearts, and meaningful quotes. These tattoos are usually placed on visible areas like
the wrists or chest.
Using high-quality ink helps ensure the design remains vibrant over time. Proper aftercare, such
as moisturizing and
protecting the tattoo from the sun, is crucial for longevity. Different cultures have unique
symbols representing
eternity, adding depth to their meanings. Many people choose eternal tattoos for their personal
significance, making
them a lasting part of their identity and a tribute to what matters most to them.</p>
<button><a href="#contactMe">KNOW MORE</a></button>
</div>
<div class="tatto-m-type" id="tatto-m-center-heading">
<h1>ETERNAL TATTOO</h1>
</div>
<div class="tatto-m-type" id="tatto-m-right">
<h2>CREATING GREATE TATTOS OVER 10 YEARS</h2>
<button><a href="#contactMe">KNOW MORE</a></button>
<img src="https://img.freepik.com/free-photo/portrait-woman-with-body-tattoos_23-2150774663.jpg?t=st=1729778230~exp=1729781830~hmac=aa5aad3f1b4e39ff7bd574e710ca3dbde58871e59bdf4755a127a1c8b38a92f9&w=740"
alt="">
</div>
</div>
</section>
<!-- tatto more types close -->
<!-- our team open -->
<div class="ourteam">
<div class="ourteam-inner">
<div class="ourteam-heading">
<p>Meet our team</p>
<h1>AMAZING ARTISTS</h1>
</div>
<div class="ourteam-info">
<div class="team-m-img">
<img src="/assets/artist/img1.jpeg" alt="">
<div class="team-m-dets">
<h1>Latika Shinde</h1>
<p>8 Years Of Experiance</p>
</div>
</div>
<div class="team-m-img">
<img src="./assets/artist/img3.jpeg" alt="">
<div class="team-m-dets">
<h1>Kailash Shinde</h1>
<p>8 Years Of Experiance</p>
</div>
</div>
</div>
</div>
</div>
<!-- our team close -->
<!-- our creative open -->
<div class="our-tatto-outer">
<div class="our-tattos-inner">
<div class="our-tattos-heading">
<h1>Our Creative</h1>
</div>
<div class="general-container">
<input class="radio" type="radio" name="card" id="Design1" checked />
<label class="content" for="Design1">
</label>
<input class="radio" type="radio" name="card" id="Design2" />
<label class="content" for="Design2">
</label>
<input class="radio" type="radio" name="card" id="Design3" />
<label class="content" for="Design3">
</label>
<input class="radio" type="radio" name="card" id="Design4" />
<label class="content" for="Design4">
</label>
<input class="radio" type="radio" name="card" id="Design5" />
<label class="content" for="Design5">
</label>
<input class="radio" type="radio" name="card" id="Design6" />
<label class="content" for="Design6">
</label>
<input class="radio" type="radio" name="card" id="Design7" />
<label class="content" for="Design7">
</label>
</div>
</div>
</div>
<!-- our creative close -->
<!-- our work open -->
<div class="page2-outer" id="ourWork">
<div id="page2">
<div class="page2-text">
<div class="page2-heading page2-content">
<h1>CHECK OUR PROJECTS</h1>
</div>
</div>
<div class="page2-imgslider">
<div class="slider">
</div>
</div>
<div class="sliderbtn">
<i class="ri-checkbox-blank-circle-fill start"></i>
<i class="ri-checkbox-blank-circle-fill mid"></i>
<i class="ri-checkbox-blank-circle-fill end"></i>
</div>
</div>
</div>
<!-- our work close -->
<!-- testimonails open -->
<div id="page6">
<p class="page6-p"> CLIENT'S FEEDBACK</p>
<h1>PEOPLE SAY'S ABOUT US!</h1>
<div class="client-feedbacks">
</div>
</div>
<!-- testimonails close -->
<!-- contact us open -->
<div class="contactUs-outer" id="contactMe">
<div class="contact-inner">
<div class="contactUsdets" id="contactInfo">
<p class="contact-headpara">We are here for you</p>
<h2 class="contact-heading">BOOK ANYTIME</h2>
<p class="contact-head-para">Ready to express yourself? Book your tattoo appointment anytime! Fill
out the form below to get
in touch. We’re here to
answer your questions and help you create your dream tattoo.</p>
<div class="contact-cal">
<div class="contact-time">
<h2>MONDAY - FRIDAY:</h2>
<p>9am > 9pm</p>
</div>
<hr>
<div class="contact-time">
<h2>SATURDAY:</h2>
<p>9am > 3pm</p>
</div>
<hr>
<div class="contact-time">
<h2>SUNDAY:</h2>
<p>closed</p>
</div>
</div>
<div class="contact-address">
<p>Moreshwar Apartment Sector 20, Nerul West Opp Railway Station, Navimumbai 400706
</p>
<p class="contact-phone"><a href="tel:976-895-9279">+91 9768959279</a></p>
<p class="contact-phone"><a href="tel:897-621-1161">+91 8976211161</a></p>
<p class="contact-email"><a
href="mailto:blacklotustattooz@gmail.com">blacklotustattooz@gmail.com</a></p>
</div>
</div>
<div class="contactUsdets" id="contact-form">
<form action="">
<input type="text" placeholder="Enter your name" name="name"><br>
<input type="email" name="email" placeholder="Enter your email" id="">
<br>
<textarea name="message" rows="5" placeholder="Enter your message" id=""></textarea><br>
<button>SEND</button>
</form>
</div>
</div>
</div>
<div class="contact-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3771.6647279080385!2d73.01212628043744!3d19.03448990730017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c32ae5ba116f%3A0xad6d07959ae979cf!2sMoreshwar%20Apartment!5e0!3m2!1sen!2sin!4v1730096607101!5m2!1sen!2sin"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- contact us close -->
<!-- footer open -->
<div class="footer-container">
<div class="footer">
<div class="footer-content">
<div class="footer-row">
<div class="footer-column">
<div class="footer-about">
<h3>About Us</h3>
<p>
Black Lotus Tattoz is a creative tattoo studio focused on self-expression. Our
skilled artists specialize in various styles, crafting unique pieces that tell your
story. With a commitment to hygiene and a welcoming atmosphere, we ensure a
memorable experience for every client. Celebrate your individuality and wear your
art proudly!
</p>
</div>
</div>
<div class="footer-column">
<div class="footer-links">
<h3>Useful Links</h3>
<a href="/">Home</a>
<a href="/aboutus">About</a>
<a href="#tattoTypes">Products & Services</a>
<a href="#page6">Client Testimonials</a>
<a href="#contactMe">Contact Us</a>
</div>
</div>
<div class="footer-column">
<div class="footer-links">
<h3>Service Area</h3>
<a href="#tattoTypes">Ombre brows</a>
<a href="#tattoTypes">Microblading</a>
<a href="#tattoTypes">Piercing</a>
</div>
</div>
<div class="footer-column">
<div class="footer-contact">
<h3>Get In Touch</h3>
<p>
<i class="fa fa-map-marker" aria-hidden="true"></i>
</p>
<p>
<i class="fa fa-phone" aria-hidden="true"></i>+91 9768959279
</p>
<p>
<i class="fa fa-phone" aria-hidden="true"></i>+91 8976211161
</p>
<p>
<i class="fa fa-envelope"></i> blacklotustattooz@gmail.com
</p>
<div class="footer-social">
<a href="https://in.pinterest.com/blacklotustattooz/">
<i class="ri-pinterest-line"></i>
</a>
<a href="https://www.youtube.com/@blacklotustattooz">
<i class="ri-youtube-line"></i>
</a>
<a href="https://www.instagram.com/blacklotustattooz">
<i class="ri-instagram-line"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-menu">
<div class="f-menu">
<a href="#">Privacy Policy</a>
</div>
</div>
<div class="footer-copyright">
<div class="footer-row">
<div class="footer-column">
<p>
© <a href="#">black lotus tattoz</a>, All Rights
Reserved.
</p>
</div>
<div class="footer-column">
<p>
Developed & Maintained By
<a href="#">black lotus tattoz</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- footer close -->
</div>
<script src="script.js"></script>
</body>
</html>