<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Jhalandher Cosmetics & Jewelry | Daska</title>

<meta name="description" content="Premium cosmetics, beauty products, perfumes and jewelry collections in Daska.">

<meta name="keywords" content="Cosmetics Daska, Jewelry Daska, Makeup, Beauty Products, Perfumes, Bridal Jewelry">

<meta name="author" content="Jhalandher Cosmetics & Jewelry">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/logo.png">
</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container">
<a class="navbar-brand fw-bold" href="#">
Jhalandher Cosmetics & Jewelry
</a>

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#cosmetics">Cosmetics</a></li>
<li class="nav-item"><a class="nav-link" href="#jewelry">Jewelry</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>

<section id="home" class="hero">
<div class="container text-center text-white">
<h1 class="display-4 fw-bold">
Beauty, Elegance & Style
</h1>

<p class="lead">
Premium Cosmetics & Elegant Jewelry Collections
</p>

<a href="https://wa.me/923446483411"
class="btn btn-warning btn-lg">
Order on WhatsApp
</a>
</div>
</section>

<section class="py-5">
<div class="container text-center">
<h2>About Us</h2>

<p class="mt-3">
Welcome to Jhalandher Cosmetics & Jewelry. We provide high-quality beauty products, skincare essentials, perfumes, makeup items and stylish jewelry collections for every occasion.
</p>
</div>
</section>

<section id="cosmetics" class="py-5 bg-light">
<div class="container">
<h2 class="text-center mb-5">Cosmetics Collection</h2>

<div class="row g-4">

<div class="col-md-4">
<div class="card shadow">
<img src="images/cosmetic1.jpg" class="card-img-top">
<div class="card-body">
<h5>Beauty Products</h5>
<p>Premium skincare and beauty essentials.</p>
</div>
</div>
</div>

<div class="col-md-4">
<div class="card shadow">
<img src="images/cosmetic2.jpg" class="card-img-top">
<div class="card-body">
<h5>Makeup Collection</h5>
<p>Latest makeup products and accessories.</p>
</div>
</div>
</div>

<div class="col-md-4">
<div class="card shadow">
<img src="images/perfume.jpg" class="card-img-top">
<div class="card-body">
<h5>Perfumes</h5>
<p>Luxury fragrances for men and women.</p>
</div>
</div>
</div>

</div>
</div>
</section>

<section id="jewelry" class="py-5">
<div class="container">
<h2 class="text-center mb-5">Jewelry Collection</h2>

<div class="row g-4">

<div class="col-md-6">
<div class="card shadow">
<img src="images/jewelry1.jpg" class="card-img-top">
<div class="card-body">
<h5>Bridal Jewelry</h5>
<p>Elegant bridal and wedding collections.</p>
</div>
</div>
</div>

<div class="col-md-6">
<div class="card shadow">
<img src="images/jewelry2.jpg" class="card-img-top">
<div class="card-body">
<h5>Fashion Jewelry</h5>
<p>Necklaces, rings, earrings and bangles.</p>
</div>
</div>
</div>

</div>
</div>
</section>

<section class="py-5 bg-light">
<div class="container">
<h2 class="text-center mb-4">Find Us</h2>

<iframe
src="https://maps.google.com/maps?q=Daska&t=&z=13&ie=UTF8&iwloc=&output=embed"
width="100%"
height="400"
style="border:0;">
</iframe>

</div>
</section>

<section id="contact" class="py-5">
<div class="container text-center">
<h2>Contact Us</h2>

<p class="mt-3">
WhatsApp: 0344-6483411
</p>

<a href="https://wa.me/923446483411"
class="btn btn-success">
Chat on WhatsApp
</a>
</div>
</section>

<footer class="bg-dark text-white text-center p-4">
<p>
© 2026 Jhalandher Cosmetics & Jewelry
</p>
</footer>

<a href="https://wa.me/923446483411"
class="whatsapp-btn"
target="_blank">
💬
</a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>