55ok
Mini
<div class="footer-newsletter">
<h2>Subscribe To Our Newsletter</h2>
<p>Subscribe to get the latest on sales, new releases and more...</p>
<form action="#">
<input type="email" placeholder="Enter Your Email..." required />
<button type="submit">Subscribe</button>
</form>
<svg viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
<path fill="#e7edf4" fill-opacity="1" d="M0,64L60,58.7C120,53,240,43,360,42.7C480,43,600,53,720,58.7C840,64,960,64,1080,58.7C1200,53,1320,43,1380,37.3L1440,32L1440,80L1380,80C1320,80,1200,80,1080,80C960,80,840,80,720,80C600,80,480,80,360,80C240,80,120,80,60,80L0,80Z"></path>
</svg>
</div>
<hr style="border: 1px solid #ddd; margin: 0;">
<!-- Footer Section -->
<footer class="footer-main">
<!-- Logo & Contact -->
<div class="footer-column">
<div class="footer-logo">
<img src="https://costumeonrent.in/assets/logo.png" alt="BookMyCostume Logo" />
</div>
<div class="footer-contact">
<p><b>Address:</b>G5 Central Market Sector 6 Dwarka , Delhi, India, Delhi</p>
<p><b>Phone:</b> +91- 9313848084 -9312833895 </p>
<p><b>Email:</b> destinationg5@gmail.com</p>
</div>
<div>
<b>Follow Us</b>
<div class="footer-social">
<a href="#" class="twitter" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com/DestinationG5/?ref=_xav_ig_profile_page_web#" class="facebook" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="pinterest" aria-label="Pinterest"><i class="fab fa-pinterest-p"></i></a>
<a href="https://www.instagram.com/destination_g5?igsh=MTA2dmkydzl0bTN4aA%3D%3D" class="instagram" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" class="email" aria-label="Email"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<!-- Main Menu -->
<div class="footer-column">
<h3>Main Menu</h3>
<ul>
<li><a href="product.php?slug=cartoons">Our Costumes</a></li>
<li><a href="more-costumes.php">More Costumes</a></li>
<li><a href="mascots.php">Accessories</a></li>
<li><a href="rewards.php">Rewards</a></li>
<li><a href="order-tracking-form.php">Track Your Order</a></li>
</ul>
</div>
<!-- Quick Links -->
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="about-us.php">About Us</a></li>
<li><a href="terms-conditions.php">Terms & Conditions</a></li>
<li><a href="delivery-pickup-policy.php">Delivery & Pickup Policy</a></li>
<li><a href="privacy-policy.php">Privacy Policy</a></li>
<!--<li><a href="#">COVID-19 Prevention</a></li>-->
<li><a href="#">Disclaimer Policy</a></li>
<li><a href="#">Cancellation & Refund Policy</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Fancy Dress Ideas for Kids</a></li>
</ul>
</div>
<!-- FAQs -->
<div class="footer-column">
<h3>FAQs</h3>
<ul>
<li><a href="#">Fancy Dresses for Girls</a></li>
<li><a href="#">Our Kids Costume Moments</a></li>
<li><a href="#">School Competitions Fancy Dress Ideas</a></li>
<li><a href="#">Boys Fancy Dress</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">Bulk Orders</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
<!-- About Us & Footer Sections -->
<div class="footer-section">
<!-- About Us (Pencil Light Text) -->
<div class="footer-column footer-tab-about" style="flex: 1 1 100%;">
<h3>About Us</h3>
<p>costumeonrent.in is your online shop for all your kids fancy dress costume needs. We are the leading online store in India offering both rental and purchase of kids fancy dress costumes. We save you time, effort, and worry by delivering top-quality, hygienic costumes straight to your door. Try us and believe it!</p>
<p>Dress your kid as a Superhero, Community helper, Professional, Fruit, Animal, Flower, Mythological character, National Leader, Cartoon character, and much more. We also provide costumes for school annual days, dance competitions, and special events.</p>
</div>
<!-- Bulk Orders -->
<div class="footer-column" style="flex: 1 1 100%;">
<h3>Bulk Orders</h3>
<p>We provide Bulk orders to Schools, Retailers, and Event Companies at special discounts. Customizations in design and fit are available for annual days, dance competitions, and other bulk needs. Kindly provide us a few weeks to fulfill such requirements. Please fill the form for bulk orders.</p>
</div>
<!-- Delivery -->
<div class="footer-column" style="flex: 1 1 100%;">
<h3>Delivery</h3>
<p>At CostumeOnrent, we ensure faster delivery than bigger marketplaces as we mostly dispatch orders the same day. Enjoy worldwide deliveries at nominal rates. Within India, metro cities take 3–4 days, non-metro 3–6 days. For urgent needs, choose Premium Delivery for 1–2 days.</p>
</div>
<!-- Fancy Dresses for Girls -->
<div class="footer-column" style="flex: 1 1 100%;">
<h3>Fancy Dresses for Girls:</h3>
<p>Fairy Tale & Superheroes: Wonder Woman, Queen Cleopatra, Sofia, Red Riding Hood, Tiana, Princess Aurora, Elsa, Supergirl, Japanese Kimono.<br>
Traditional: Punjabi Giddha, Kashmiri, Gujarati, Kathak, Arabian Girl, Balloon Frocks, Western Dance Costume, Maharashtrian.<br>
Professionals & Helpers: Airline Hostess, Teacher, Chef, Lawyer, Astronaut, Nurse, Indian Air Force.<br>
Mythological & Historical: Radha, Sita, Meera Bai, Kali Mata, Mother Teresa, Indira Gandhi.</p>
</div>
<!-- Boys Fancy Dress -->
<div class="footer-column" style="flex: 1 1 100%;">
<h3>Boys Fancy Dress:</h3>
<p>Cartoons & Superheroes: Captain America, Spiderman, Thor, Krrish, Batman, Superman, Patlu, Motu, Shin Chan.<br>
Professionals & Helpers: Engineer, Airline Pilot, Police Inspector, Indian Navy, Fireman, Postman, Indian Para Military, Doctor.<br>
Animals & Birds: Tiger, Lion, Brown Honey Bear, Cow, Rabbit, Yellow Multicolor Bird, Parrot, Frog, Dog.<br>
National & Historical Figures: Chatrapati Shivaji, Akbar, Birbal, Subhash Chandra Bose, Mahatma Gandhi, Swami Vivekananda, Bhagat Singh.</p>
</div>
<hr>
<!-- Footer Copyright Section -->
<div class="footer-copyright">
<p>Copyright © 2025 G5. All Rights Reserved. Design & Develop by: <a href="https://bestdigisolution.com/"
style="color: #222; font-weight: 600; text-decoration: none;">
Best Digi Solution
</a></p>
<div class="payment-icons">
</div>
</div>
<style>
.footer-copyright {
background: #e7edf4;
text-align: left;
padding: 10px 20px;
font-family: Arial, sans-serif;
font-size: 14px;
color: #333;
margin: 0;
}
.footer-copyright p {
margin: 0;
line-height: 1.5;
}
.payment-icons {
margin-top: 5px;
}
.payment-icons img {
width: 40px;
margin: 0 5px;
vertical-align: middle;
}
</style>
</div>
<style>
/* Pencil-like text for About Us paragraph only */
.footer-tab-about {
font-family: 'Patrick Hand', 'Comic Sans MS', cursive;
font-size: 15px;
line-height: 1.7;
color: #666;
/* Light gray, pencil look */
text-align: justify;
margin-bottom: 25px;
font-weight: normal;
/* Normal width */
text-shadow: 0.3px 0.3px 0 #bbb;
/* Soft pencil shadow */
}
.footer-tab-about h3 {
font-family: 'Patrick Hand', cursive;
font-size: 20px;
color: #222;
/* Heading stays dark */
margin-bottom: 10px;
text-shadow: none;
/* No pencil effect on heading */
}
/* Footer Column Base Styling */
.footer-column {
margin-bottom: 25px;
}
.footer-column h3 {
font-size: 16px;
color: #222;
margin-bottom: 10px;
}
.footer-column p {
font-size: 14px;
color: #333;
line-height: 1.6;
}
/* Responsive */
@media (max-width: 768px) {
.footer-tab-about p {
font-size: 14px;
}
.footer-tab-about h3 {
font-size: 18px;
}
}
/* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
</style>
</footer>
<!-- Footer & Newsletter CSS -->
<style>
.footer-newsletter {
position: relative;
background: #7c9cc7;
color: white;
text-align: center;
padding: 50px 20px 80px;
font-family: Arial, sans-serif;
}
.footer-newsletter h2 {
margin-bottom: 10px;
font-weight: 700;
font-size: 22px;
}
.footer-newsletter p {
font-weight: 600;
font-size: 13px;
margin: 0 0 20px;
}
.footer-newsletter form {
display: inline-block;
}
.footer-newsletter input[type="email"] {
padding: 10px;
width: 320px;
max-width: 90vw;
border: 1px solid #ccc;
border-radius: 3px 0 0 3px;
font-weight: 600;
font-size: 14px;
}
.footer-newsletter button {
padding: 10px 25px;
background: #fff;
color: #2a4c9f;
font-weight: 700;
border: none;
border-radius: 0 3px 3px 0;
cursor: pointer;
}
.footer-newsletter svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
display: block;
}
footer.footer-main {
background: #e7edf4;
margin: 0 auto 0px;
padding: 40px 20px 60px;
display: flex;
flex-wrap: wrap;
gap: 40px;
font-family: Arial, sans-serif;
}
.footer-column {
flex: 1 1 220px;
min-width: 220px;
}
.footer-logo img {
max-width: 160px;
margin-bottom: 15px;
}
.footer-contact p {
font-size: 14px;
margin: 6px 0;
}
.footer-contact b {
font-weight: 700;
}
.footer-social {
margin-top: 10px;
display: flex;
gap: 10px;
}
.footer-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
font-size: 16px;
color: white;
text-decoration: none;
}
.footer-social a.twitter {
background: #1DA1F2;
}
.footer-social a.facebook {
background: #4267B2;
}
.footer-social a.pinterest {
background: #E60023;
}
.footer-social a.instagram {
background: #E4405F;
}
.footer-social a.email {
background: #D44638;
}
.footer-column p {
margin-bottom: 15px;
border-bottom: 1px solid #000000;
padding-bottom: 5px;
font-size: 16px;
}
.footer-column ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.footer-column ul li {
margin-bottom: 8px;
}
.footer-column ul li a {
color: black;
text-decoration: underline;
font-size: 14px;
}
.footer-column ul li a:hover {
color: #2a4c9f;
}
@media (max-width: 768px) {
footer.footer-main {
flex-direction: column;
gap: 30px;
max-width: 90vw;
}
.footer-column {
min-width: auto;
}
p {
font-size: 14px;
font-weight: 700 !important;
font-weight: normal;
}
}
</style>
<!-- FontAwesome CDN -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
<!-- add to cart -->
<script>
function showToast(message, color = "#28a745") {
const toastContainer = document.getElementById("toast-container") || (() => {
const c = document.createElement("div");
c.id = "toast-container";
c.style.position = "fixed";
c.style.top = "20px";
c.style.right = "20px";
c.style.zIndex = "9999";
document.body.appendChild(c);
return c;
})();
const toast = document.createElement("div");
toast.textContent = message;
Object.assign(toast.style, {
background: color,
color: "#fff",
padding: "10px 20px",
marginTop: "10px",
borderRadius: "5px",
boxShadow: "0 2px 6px rgba(0,0,0,0.2)",
transition: "opacity 0.5s ease",
});
toastContainer.appendChild(toast);
setTimeout(() => {
toast.style.opacity = "0";
setTimeout(() => toast.remove(), 500);
}, 2500);
}
function addToCart(button) {
const form = button.closest("form");
const formData = new FormData(form);
fetch("add_to_cart.php", {
method: "POST",
body: formData
})
.then(res => res.json())
.then(data => {
if (data.status === "exists") {
showToast("Product already in cart", "#dc3545");
} else if (data.status === "added") {
showToast("Product added to cart", "#28a745");
const cartCountElem = document.getElementById("cart-count");
if (cartCountElem) {
cartCountElem.textContent = data.count;
}
} else if (data.status === "not_logged_in") {
showToast("Please login first", "#dc3545");
} else {
showToast("Error adding product", "#dc3545");
}
})
.catch(() => showToast("Error in request", "#dc3545"));
}
</script>
<!-- end add to cart -->
<!-- remove/increse -->
<script>
document.addEventListener("click", function(e) {
const target = e.target;
// Increase quantity
if (target.classList.contains("btn-increase")) {
const id = target.getAttribute("data-id");
const input = document.querySelector(`input.quantity-product[data-id='${id}']`);
let quantity = parseInt(input.value) + 1;
updateQuantity(id, quantity);
}
// Decrease quantity
if (target.classList.contains("btn-decrease")) {
const id = target.getAttribute("data-id");
const input = document.querySelector(`input.quantity-product[data-id='${id}']`);
let quantity = parseInt(input.value);
if (quantity > 1) {
quantity--;
updateQuantity(id, quantity);
}
}
// Handle remove
if (e.target && e.target.closest(".remove")) {
const button = e.target.closest(".remove");
const id = button.getAttribute("data-id");
const itemRow = button.closest("tr");
fetch("remove_from_cart.php", {
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded"
},
body: `id=${encodeURIComponent(id)}`
})
.then(res => res.json())
.then(data => {
if (data.status === "deleted") {
// row remove (optional, kyunki refresh waise bhi ho jayega)
if (itemRow) itemRow.remove();
// page auto-refresh after short delay
setTimeout(() => {
location.reload();
}, 100);
} else {
alert("Error removing item.");
}
})
.catch(err => {
console.error("AJAX error", err);
});
}
// Function to update quantity via AJAX
function updateQuantity(id, quantity) {
fetch("update_quantity.php", {
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded"
},
body: `id=${id}&quantity=${quantity}`
})
.then(res => res.json())
.then(data => {
if (data.status === "success") {
const input = document.querySelector(`input.quantity-product[data-id='${id}']`);
const row = input.closest("tr");
input.value = data.quantity;
row.querySelector(".total-price").innerText = `₹${data.item_total}`;
document.getElementById("subtotal").innerText = `₹${data.subtotal}`;
document.getElementById("total").innerText = `₹${data.subtotal}`;
} else {
alert("Failed to update quantity");
}
})
.catch(err => console.error("Quantity update error:", err));
}
});
</script>
<!-- end remove/increse -->
Zerion Mini 1.0