PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Ibrahim Rugs">
<meta name="keywords" content="Ibrahim Rugs">
<meta name="author" content="Ibrahim Rugs">
<meta name="robots" content="index, follow">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<title>IBRAHIM RUGS | CUSTOMIZATION</title>
<meta name="title" content="Ibrahim Rugs | Luxury meets craftsmanship | Hand-made rugs" />
<meta name="description" content="Since 1994, Ibrahim Rugs has been perfecting the art of making exquisite and quintessential hand-made rugs for homes and businesses alike." />
<link rel="canonical" href="https://ibrahimrugs.com/customization.html">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ibrahimrugs.com/customization.html" />
<meta property="og:title" content="Ibrahim Rugs | Luxury meets craftsmanship | Hand-made rugs" />
<meta property="og:description" content="Since 1994, Ibrahim Rugs has been perfecting the art of making exquisite and quintessential hand-made rugs for homes and businesses alike." />
<meta property="og:image" content="https://ibrahimrugs.com/assets/images/home-banner/banner01.jpg" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://ibrahimrugs.com/customization.html" />
<meta property="twitter:title" content="Ibrahim Rugs | Luxury meets craftsmanship | Hand-made rugs" />
<meta property="twitter:description" content="Since 1994, Ibrahim Rugs has been perfecting the art of making exquisite and quintessential hand-made rugs for homes and businesses alike." />
<meta property="twitter:image" content="https://ibrahimrugs.com/assets/images/home-banner/banner01.jpg" />
<!--Google font-->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap"
rel="stylesheet" />
<!-- Icons -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/font-awesome.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/remixicon.css">
<!-- Slick slider css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css">
<!-- Animate icon -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/animate.css">
<!-- Themify icon -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/themify-icons.css">
<!-- Bootstrap css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css">
<!-- Theme css -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style type="text/css">
.descripation { font-size: 18px; line-height:unset; }
</style>
</head>
<body class="theme-color-5">
<!-- calling and whatsapp icon -->
<a class="call-app" href="tel:+918010391438" target="_blank">
<i class="fa fa-phone my-float"></i>
</a>
<a class="whats-app" href="https://api.whatsapp.com/send?phone=918010391438&text=Hello this is the starting message" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
<!-- <img src="assets/images/icon/whatsapp.svg"> -->
</a>
<!-- End calling and whatsapp icon -->
<!-- loader start -->
<div class="loader_skeleton">
<header>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html">
<img src="assets/images/logo.png" class="img-fluid blur-up lazyload" alt="">
<!-- <h2 class="title-inner1">IBRAHIM RUGS</h2> -->
</a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li>
<a href="#">Our Products</a>
<ul>
<li>
<a href="hand-knotted.html">Hand Knotted</a>
</li>
<li>
<a href="hand-tufted.html">Hand Tufted</a>
</li>
<li>
<a href="flat-weave.html">Flatweave</a>
</li>
<li>
<a href="handloom.html">Handloom</a>
</li>
<li>
<a href="hand-woven-soumak.html">Hand Woven Soumak</a>
</li>
</ul>
</li>
<li><a href="customization.html">Customization</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</div>
<!-- loader end -->
<!-- header start -->
<header>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html">
<img src="assets/images/logo.png" class="img-fluid blur-up lazyload" alt="">
<!-- <h2 class="title-inner1">IBRAHIM RUGS</h2> -->
</a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i>
</div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li class="mobile-box">
<div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li>
<a href="#">Our Products</a>
<ul>
<li>
<a href="hand-knotted.html">Hand Knotted</a>
</li>
<li>
<a href="hand-tufted.html">Hand Tufted</a>
</li>
<li>
<a href="flat-weave.html">Flatweave</a>
</li>
<li>
<a href="handloom.html">Handloom</a>
</li>
<li>
<a href="hand-woven-soumak.html">Hand Woven Soumak</a>
</li>
</ul>
</li>
<li><a href="customization.html">Customization</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- breadcrumb start -->
<div class="breadcrumb-section">
<div class="container">
<h2>Collection</h2>
<nav class="theme-breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home / </a>
</li>
<li class="breadcrumb-item active">CUSTOMIZATION</li>
</ol>
</nav>
</div>
</div>
<!-- breadcrumb end -->
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="descripation mt-3">At Ibrahim Rugs, we specialize in creating premium, customized carpets that transform spaces into havens of elegance and comfort. Our collection features meticulously hand-crafted rugs, each designed to reflect the unique style and taste of our discerning clientele.</p>
<p class="descripation">All you need to do is give us design proposals describing your ideas and wishes. Our creative design team will draw up a design draft based on your initial proposals. We will merge into the perfect carpet for your project.</p>
</div>
<div class="col-md-6">
<img class="img-fluid" src="assets/images/products/customization/01.webp">
</div>
</div>
</div>
</section>
<!-- section start -->
<section class="section-b-space ratio_asos">
<div class="collection-wrapper">
<div class="container">
<div class="row">
<div class="collection-content col-xl-12 col-lg-12">
<div class="page-main-content">
<div class="collection-product-wrapper">
<div class="product-wrapper-grid">
<div class="row g-3 g-sm-4">
<div class="col-lg-3 col-6 col-grid-box">
<div class="basic-product theme-product-1">
<div class="overflow-hidden">
<div class="img-wrapper">
<img src="assets/images/products/customization/01.jpg" class="w-100 img-fluid blur-up lazyload" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6 col-grid-box">
<div class="basic-product theme-product-1">
<div class="overflow-hidden">
<div class="img-wrapper">
<img src="assets/images/products/customization/02.jpg" class="w-100 img-fluid blur-up lazyload" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6 col-grid-box">
<div class="basic-product theme-product-1">
<div class="overflow-hidden">
<div class="img-wrapper">
<img src="assets/images/products/customization/03.jpg" class="w-100 img-fluid blur-up lazyload" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-6 col-grid-box">
<div class="basic-product theme-product-1">
<div class="overflow-hidden">
<div class="img-wrapper">
<img src="assets/images/products/customization/04.jpg" class="w-100 img-fluid blur-up lazyload" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- section End -->
<!--contact section start-->
<section class="contact-page mb-5">
<div class="container">
<div class="row g-sm-4 g-3 justify-content-md-center">
<div class="col-lg-8">
<form class="theme-form contact-form" id="contactForm" method="POST" action="">
<div class="row g-4">
<div class="col-12">
<div class="form-box">
<label for="name" class="form-label">Full Name</label>
<input type="text" id="name" name="name" class="form-control" placeholder="Full Name">
</div>
</div>
<div class="col-md-6">
<div class="form-box">
<label for="email">Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Email">
</div>
</div>
<div class="col-md-6">
<div class="form-box">
<label for="review">Phone</label>
<input type="number" name="mobile" id="mobile" class="form-control"
placeholder="Enter Your Phone Number">
</div>
</div>
<div class="col-12">
<div class="form-box">
<label for="email">Subject</label>
<input type="text" name="subject" id="subject" class="form-control" placeholder="Subject">
</div>
</div>
<div class="col-12">
<div class="form-box">
<label for="review">Write Your Message</label>
<textarea rows="6" name="message" id="message" class="form-control" placeholder="Write Your Message"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="6LfVq8YqAAAAAO8gxmCIizv9Mv4tLQTDpQQ99Ix3"></div>
</div>
<div class="col-12">
<div class="form-box">
<div id="feedbackmessage"></div>
<button class="btn btn-solid" type="submit">Send Your Message</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--contact section ends-->
<!-- footer start -->
<footer class="footer-light">
<div class="container-fluid light-layout">
<div class="row footer-theme partition-f">
<div class="col-lg-12 col-md-6">
<div class="footer-content">
<div class="footer-social">
<span>Copyright ©<script>document.write(new Date().getFullYear());</script> ibrahimrugs.com All Rights Reserved
</span>
<ul class="pull-right">
<li>
<a href="https://www.facebook.com/">
<i class="ri-facebook-fill"></i>
</a>
</li>
<li>
<a href="https://www.google.com/">
<i class="ri-google-fill"></i>
</a>
</li>
<li>
<a href="https://www.twitter.com/">
<i class="ri-twitter-x-fill"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/">
<i class="ri-instagram-fill"></i>
</a>
</li>
<li>
<a href="https://www.tiktok.com/">
<i class="ri-tiktok-fill"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer end -->
<!-- tap to top start -->
<div class="tap-top">
<div>
<i class="ri-arrow-up-double-line"></i>
</div>
</div>
<!-- tap to top end -->
<!-- latest jquery-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- menu js-->
<script src="assets/js/menu.js"></script>
<!-- lazyload js-->
<script src="assets/js/lazysizes.min.js"></script>
<!-- slick js-->
<script src="assets/js/slick.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="assets/js/feather.min.js"></script>
<!-- Video js-->
<script src="assets/js/jquery.vide.min.js"></script>
<!-- Bootstrap Notification js-->
<script src="assets/js/bootstrap-notify.min.js"></script>
<!-- Theme js-->
<script src="assets/js/theme-setting.js"></script>
<script src="assets/js/script.js"></script>
<script>
/*$(window).on('load', function () {
setTimeout(function () {
$('#exampleModal').modal('show');
}, 2500);
});*/
feather.replace();
function openSearch() {
document.getElementById("search-overlay").style.display = "block";
}
function closeSearch() {
document.getElementById("search-overlay").style.display = "none";
}
</script>
<!-- Google reCAPTCHA CDN -->
<script type='text/javascript' src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
$(document).ready(function () {
$('#contactForm').on('submit', function (e) {
e.preventDefault(); // Prevent default form submission
// Clear previous error messages
$('.error').remove();
// Validation
let name = $('#name').val().trim();
let email = $('#email').val().trim();
let mobile = $('#mobile').val().trim();
let subject = $('#subject').val().trim();
let message = $('#message').val().trim();
let isValid = true;
if (!name) {
$('#name').after('<span class="error" style="color:red; font-size:18px;">Please enter your name</span>');
isValid = false;
}
if (!subject) {
$('#subject').after('<span class="error" style="color:red; font-size:18px;">Please enter subject</span>');
isValid = false;
}
if (!validateEmail(email)) {
$('#email').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid email address</span>');
isValid = false;
}
if (!message) {
$('#message').after('<span class="error" style="color:red; font-size:18px;">Please enter your message</span>');
isValid = false;
}
if (mobile === "" || !validateMobile(mobile)) {
$('#mobile').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid 10-digit mobile number</span>');
isValid = false;
}
let recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
$('.g-recaptcha').after('<span class="error" style="color:red; font-size:18px;">Please complete the reCAPTCHA</span>');
isValid = false;
}
if (isValid) {
// Prepare form data
var formData = { name, email, mobile, subject, message, 'g-recaptcha-response': recaptchaResponse };
// Show processing message
$('#feedbackmessage').html('<span style="color:blue;">Processing your request, please wait...</span>');
// AJAX request
$.ajax({
url: "form_submit.php",
type: "POST",
data: formData,
success: function (response) {
const res = JSON.parse(response);
if (res.success) {
$('#contactForm')[0].reset();
$('#feedbackmessage').html('<span style="color:green; font-size:18px;">Your request was successfully submitted!</span>');
grecaptcha.reset(); // Reset reCAPTCHA
setTimeout(() => $('#feedbackmessage').html(''), 10000);
} else {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">Failed to submit the form. Please try again later.</span>');
}
},
error: function () {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">An error occurred while submitting the form.</span>');
},
});
}
});
// Email validation function
function validateEmail(email) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
function validateMobile(mobile) {
const mobileRegex = /^[0-9]{10}$/;
return mobileRegex.test(mobile);
}
});
</script>
</body>
</html>
PK 99