<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M7P7PL');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="HJBKfy1HuZfTqH8N6FiguX6fiZn8_E2wxmQQDlL2gP8" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Attractive Web Solutions - A Creative Web Agency</title>
<meta name="title" content="404">
<meta name="description" content="Attractive Web Solutions: A leading digital marketing & web development company with 12+ years of experience, delivering tailored solutions to boost your online presence.">
<meta name="keywords" content="Attractive web solutions, Web Designing Caompany, Web Development Company, Digital Marketing Company, Mobile App Development Company, Website Redesigning Company, SEO Services, SMO Services">
<meta name="author" content="BP Rana">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Attractive Web Solutions - A Creative Web Agency">
<meta property="og:description" content="Attractive Web Solutions offers expert web design, development, and digital marketing services. Grow your business with responsive websites, SEO, and tailored marketing strategies.">
<meta property="og:image" content="https://www.attractivewebsolutions.com/public/assets/img/og.webp">
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '564513726355471');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=564513726355471&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<meta property="og:url" content="https://www.attractivewebsolutions.com/ads.txt">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Attractive Web Solutions" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Attractive Web Solutions - A Creative Web Agency">
<meta name="twitter:description" content="Attractive Web Solutions offers expert web design, development, and digital marketing services. Grow your business with responsive websites, SEO, and tailored marketing strategies.">
<meta name="twitter:image" content="https://www.attractivewebsolutions.com/public/assets/img/og.webp">
<meta name="twitter:site" content="@_awspl_">
<meta name="twitter:creator" content="@_awspl_">
<link rel="shortcut icon" href="https://www.attractivewebsolutions.com/public/assets/img/logo/f-icon.webp" type="image/x-icon">
<!-- Mobile Specific Meta -->
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/fontawesome.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/animate.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/global.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/swiper.min.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/magnific-popup.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/css/style.css">
<link rel="stylesheet" href="https://www.attractivewebsolutions.com/public/assets/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<script id="ACXConnectScript" type="text/javascript" src="https://mailer.attractiveprojects.in/websites/6757f8a04deb3/connect.js"></script>
<link rel="canonical" href="https://www.attractivewebsolutions.com/ads.txt" />
<style>
.faq-container {
max-height: calc(3 * 7rem);
overflow-y: auto;
}
.accordion-item {
margin-bottom: 1rem;
}
.faq-container::-webkit-scrollbar {
width: 8px;
}
.faq-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.faq-container::-webkit-scrollbar-thumb:hover {
background: #555;
}
.bi-faq-content-area {
position: relative;
}
.faq-scroll-container {
max-height: calc(3 * 4rem);
overflow-y: auto;
}
.faq-scroll-container::-webkit-scrollbar {
width: 8px;
}
.faq-scroll-container::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.faq-scroll-container::-webkit-scrollbar-thumb:hover {
background: #555;
}
.accordion-container {
max-height: 600px; /* Set a maximum height for the visible area */
overflow-y: auto; /* Enable vertical scrolling */
}
.accordion-item {
margin-bottom: 1rem; /* Add space between items */
}
.accordion-button {
display: flex;
align-items: center; /* Vertically center-align items */
}
.accordion-icon {
width: 24px; /* Adjust size as needed */
height: 24px; /* Adjust size as needed */
margin-right: 10px; /* Space between icon and text */
}
.hidden {
display: none;
}
.popup {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
}
/* Popup content */
.popup-content {
background-color: #fff;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
max-width: 600px; /* Set a max-width */
border-radius: 8px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Shadow effect */
}
/* Close button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* Form styling */
.form-control {
width: 100%;
padding: 12px;
border-radius: 4px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.form-group {
margin-bottom: 15px;
}
.btn-primary {
background-color: #007bff;
border: none;
color: #fff;
padding: 14px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px 0;
cursor: pointer;
border-radius: 4px;
width: 100%;
}
.btn-primary:hover {
background-color: #0056b3;
}
/* Responsive design */
@media (max-width: 768px) {
.form-group {
margin-bottom: 10px;
}
.btn-primary {
padding: 12px;
}
}
</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M7P7PL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Start of header section
============================================= -->
<div class="up">
<a href="#" class="scrollup text-center"><i class="fas fa-chevron-up"></i></a>
</div>
<header id="bi-header" class="bi-header-section header-style-four">
<div class="bi-header-content d-flex justify-content-between align-items-center">
<div class="brand-logo">
<a href="https://www.attractivewebsolutions.com/"><img src="https://www.attractivewebsolutions.com/public/assets/img/logo/logo.webp" alt="Attractive Web Solutions Logo"></a>
</div>
<div class="bi-header-main-navigation">
<nav class="main-navigation clearfix ul-li">
<ul id="main-nav" class="nav navbar-nav clearfix">
<li>
<a href="https://www.attractivewebsolutions.com/">Home</a>
</li>
<li><a href="https://www.attractivewebsolutions.com/about" >About</a></li>
<li class="dropdown">
<a href="https://www.attractivewebsolutions.com/services">Our Services</a>
<ul class="dropdown-menu clearfix">
<li class="dropdown">
<a href="https://www.attractivewebsolutions.com/services/website-development">Website Development</a>
<ul class="dropdown-menu clearfix">
<li><a href="https://www.attractivewebsolutions.com/services/ecommerce-development" target="_blank">eCommerce Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/shopify-ecommerce-development" target="_blank">Shopify Ecommerce Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/wordpress-development" target="_blank">Wordpress Development</a></li>
</ul>
</li>
<li><a href="https://www.attractivewebsolutions.com/services/website-designing">Website Designing</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/mobile-app-development">Mobile App Development</a></li>
<li class="dropdown">
<a href="https://www.attractivewebsolutions.com/services/digital-marketing">Digital Marketing</a>
<ul class="dropdown-menu clearfix">
<li><a href="https://www.attractivewebsolutions.com/services/social-media-optimization" target="_blank">Social Media Optimization</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/search-engine-optimization" target="_blank">Search Engine Optimization</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/search-engine-marketing" target="_blank">Search Engine Marketing</a></li>
</ul>
</li>
<li><a href="https://www.attractivewebsolutions.com/services/domain-registration">Domain Registration</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/graphic-designing">Graphic Designing</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/cyber-security-consulting">Cyber Security Consulting</a></li>
<li><a href="https://www.attractivewebsolutions.com/pr-distribution-service">PR Distribution Service</a></li>
</ul>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/portfolio">Our Portfolio</a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/blog">Blog</a>
</li>
<!--<li>-->
<!-- <a href="https://www.attractivewebsolutions.com/">Our Network</a>-->
<!--</li>-->
<li>
<a href="https://www.attractivewebsolutions.com/contact">Contact us</a>
</li>
</ul>
</nav>
</div>
<div class="bi-header-main-menu-cta-area d-flex align-items-center">
<div class="bi-header-social">
<a href="https://www.instagram.com/attractivewebsolutions/" target="_blank"> <i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/awspvtltd/" target="_blank"> <i class="fab fa-linkedin-in"></i></a>
<a href="https://www.facebook.com/AttractiveWebSolutions" target="_blank"> <i class="fab fa-facebook"></i></a>
<a href="https://x.com/_awspl_" target="_blank"> <i class="fab fa-x"></i></a>
</div>
<div class="bi-header-cta-btn-grp d-flex align-items-center">
<div class="offcanves-btn navSidebar-button">
<button><i class="fal fa-bars phonecolor"></i></button>
</div>
</div>
</div>
</div>
<div class="mobile_menu position-relative">
<div class="mobile_menu_button open_mobile_menu" style="line-height: 38px; position: absolute;">
<i class="fal fa-bars phonecolor"></i>
</div>
<div class="mobile_menu_wrap">
<div class="mobile_menu_overlay open_mobile_menu"></div>
<div class="mobile_menu_content">
<div class="mobile_menu_close open_mobile_menu">
<i class="fal fa-times"></i>
</div>
<div class="m-brand-logo">
<a href="#"><img src="https://www.attractivewebsolutions.com/public/assets/img/logo/logo.webp" alt="Attractive Web Solutions Logo"></a>
</div>
<div class="mobile-search-bar position-relative">
<form action="#">
<input type="text" name="search" placeholder="Keywords">
<button><i class="fal fa-search"></i></button>
</form>
</div>
<nav class="mobile-main-navigation clearfix ul-li">
<ul id="m-main-nav" class="nav navbar-nav clearfix">
<li><a href="https://www.attractivewebsolutions.com/" >Home</a></li>
<li><a href="https://www.attractivewebsolutions.com/about" >About us</a></li>
<li class="dropdown hap-megamenu">
<a href="https://www.attractivewebsolutions.com/services">Our Services</a>
<ul class="dropdown-menu clearfix">
<ul>
<li>
<a href="https://www.attractivewebsolutions.com/services/website-designing" >
Website Designing </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/search-engine-optimization" >
Search Engine Optimization </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/digital-marketing" >
Digital Marketing </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/website-development" >
Website Development </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/web-hosting" >
Web Hosting </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/mobile-app-development" >
Mobile App Development </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/domain-registration" >
Domain Registration </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/graphic-designing" >
Graphic Designing </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/ecommerce-development" >
eCommerce Development </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/social-media-optimization" >
Social Media Optimization </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/search-engine-marketing" >
Search Engine Marketing </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/shopify-ecommerce-development" >
Shopify Ecommerce Development </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/wordpress-development" >
Wordpress Development </a>
</li>
<li>
<a href="https://www.attractivewebsolutions.com/services/cyber-security-consulting" >
Cyber Security Consulting </a>
</li>
</ul>
</ul>
</nav>
<div class="bi-mobile-header-social text-center">
<a href="https://www.instagram.com/attractivewebsolutions/" target="_blank"> <i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/awspvtltd/" target="_blank"> <i class="fab fa-linkedin-in"></i></a>
<a href="https://www.facebook.com/AttractiveWebSolutions" target="_blank"> <i class="fab fa-facebook"></i></a>
<a href="https://x.com/_awspl_" target="_blank"> <i class="fab fa-x"></i></a>
</div>
</div>
</div>
<!-- /Mobile-Menu -->
</div>
</header>
<div class="xs-sidebar-group info-group">
<div class="xs-overlay xs-bg-black">
<div class="row loader-area">
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
</div>
</div>
<div class="xs-sidebar-widget" data-background="https://www.attractivewebsolutions.com/public/assets/img/bg/texture.webp">
<div class="sidebar-widget-container">
<div class="widget-heading">
<a href="#" class="close-side-widget text-uppercase">
<i class="fal fa-times"></i> Close
</a>
</div>
<div class="sidebar-textwidget">
<!-- Sidebar Info Content -->
<div class="sidebar-info-contents headline pera-content">
<div class="content-inner">
<div class="sidebar-logo">
<a href="#"><img src="https://www.attractivewebsolutions.com/public/assets/img/logo/logo.webp" alt="Attractive Web Solutions Logo"></a>
</div>
<div class="sidebar-menu ul-li-block">
<ul>
<li><a href="https://www.attractivewebsolutions.com/about"><i class="fal fa-home"></i> About Us </a></li>
<li><a href="https://www.attractivewebsolutions.com/services"><i class="fal fa-cogs"></i> Our Service </a></li>
<li><a href="https://www.attractivewebsolutions.com/testimonial"><i class="fal fa-comments-alt"></i> Testimonial </a></li>
<li><a href="https://www.attractivewebsolutions.com/#"><i class="fal fa-users"></i> Our Team </a></li>
<li><a href="https://www.attractivewebsolutions.com/portfolio"><i class="fal fa-briefcase"></i> Portfolio </a></li>
<li><a href="https://www.attractivewebsolutions.com/blog"><i class="fal fa-blog"></i> Blog </a></li>
<li><a href="https://www.attractivewebsolutions.com/contact"><i class="fal fa-envelope"></i> Contact </a></li>
</ul>
</div>
<div class="sidebar-more-menu text-uppercase d-flex ul-li">
<span>More:</span>
<ul>
<li><a href="#">Our Network </a></li>
<li><a href="https://www.attractivewebsolutions.com/career">Career </a></li>
<li><a href="https://www.attractivewebsolutions.com/faq">Faq's </a></li>
</ul>
</div>
<div class="sidebar-social ul-li-block">
<span>Social:</span>
<ul>
<li><a href="https://www.facebook.com/AttractiveWebSolutions"><i class="fab fa-facebook-f"></i> Facebook</a></li>
<li><a href="https://x.com/_awspl_" target="_blank"><i class="fab fa-x"></i> X</a></li>
<li><a href="https://www.linkedin.com/company/awspvtltd/"><i class="fab fa-linkedin-in"></i> Linkedin</a></li>
<li><a href="https://www.instagram.com/attractivewebsolutions/"><i class="fab fa-instagram"></i> Instagram</a></li>
</ul>
</div>
<div class="sidebar-copyright text-center">
© Copyright 2024. All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Enquiry Now Button Start Here -->
<style>
/* Sticky Enquiry Button */
.enquiry-btn1 {
position: fixed;
bottom: 100px;
left: 20px;
background-color: #c100bb;
color: #ffffff;
padding: 1px 7px;
font-size: 16px;
font-family: var(--heading);
/*font-weight: bold;*/
border-radius: 30px;
cursor: pointer;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
transition: background-color 0.3s;
}
.enquiry-btn1:hover {
background-color: #a3009c;
}
/* Popup Form Background */
.popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
align-items: center;
justify-content: center;
}
/* Popup Form Container */
.popup-form {
background-color: #ffffff;
width: 90%;
max-width: 600px;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
position: relative;
}
/* Close Button */
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
color: #333;
cursor: pointer;
}
.popup-form h2 {
color: #c100bb;
text-align: center;
margin-bottom: 20px;
font-family: var(--heading);
}
/* Form Fields */
.popup-form form .row {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
font-family: var(--heading);
}
.popup-form form .col-md-6 {
flex: 1 1 48%; /* 2 columns for larger screens */
}
.popup-form form .col-md-12 {
flex: 1 1 100%;
}
.popup-form form input,
.popup-form form select,
.popup-form form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
}
.popup-form form textarea {
resize: none;
}
/* Submit Button */
.popup-form .bi-submit-btn button {
width: 100%;
padding: 10px;
background-color: #c100bb;
color: #ffffff;
border: none;
border-radius: 5px;
font-size: 16px;
font-family: var(--heading);
/*font-weight: bold;*/
cursor: pointer;
transition: background-color 0.3s;
}
.popup-form .bi-submit-btn button:hover {
background-color: #a3009c;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.popup-form form .col-md-6 {
flex: 1 1 100%; /* 1 column for mobile */
}
.popup-form {
padding: 20px;
width: 90%;
}
}
</style>
</head>
<div class="enquiry-btn1" onclick="togglePopup()">Enquiry Now</div>
<!-- Popup Form Overlay -->
<div class="popup-overlay" id="popupOverlay">
<div class="popup-form">
<span class="close-btn" onclick="togglePopup()">×</span>
<h2>Enquiry Form</h2>
<div>
<form action="https://www.attractivewebsolutions.com/email/send-emails" method="POST">
<div class="row">
<div class="col-md-6">
<input type="text" name="name" placeholder="Name" required>
</div>
<div class="col-md-6">
<input type="email" name="email" placeholder="Email" required>
</div>
<div class="col-md-6">
<input type="text" name="phone" placeholder="Phone No." required>
</div>
<div class="col-md-6">
<input type="text" name="subject" placeholder="Subject" required>
</div>
<div class="col-md-6" style="margin-bottom: 16px;">
<select class="form-control" name="subject" style="background-color: #e9e9e9;" required>
<option value="">Select Your Subject</option>
<option value="SEO Optimization">SEO Optimization</option>
<option value="Web Development">Web Development</option>
<option value="Web Designing">Web Designing</option>
<option value="PPC Advertising">PPC Advertising</option>
<option value="Content Marketing">Web Hosting</option>
<option value="Social Media Marketing">Social Media Marketing</option>
<option value="Mobile App Development">Mobile App Development</option>
</select>
</div>
<div class="col-md-6">
<input type="text" name="city" placeholder="City" required>
</div>
<div class="col-md-12">
<textarea name="message" placeholder="Your Message"></textarea>
</div>
<div class="col-md-12">
<div class="bi-submit-btn">
<button type="submit" name="submit">Send Messages</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
// Toggle Popup Form Visibility
function togglePopup() {
var popup = document.getElementById('popupOverlay');
popup.style.display = popup.style.display === 'flex' ? 'none' : 'flex';
}
</script>
<!-- Sidebar sidebar Item -->
<div class="xs-sidebar-group info-group">
<div class="xs-overlay xs-bg-black">
<div class="row loader-area">
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
</div>
</div>
<div class="xs-sidebar-widget" data-background="https://www.attractivewebsolutions.com/public/assets/img/bg/texture.webp">
<div class="sidebar-widget-container">
<div class="widget-heading">
<a href="#" class="close-side-widget text-uppercase">
<i class="fal fa-times"></i> Close
</a>
</div>
<div class="sidebar-textwidget">
<!-- Sidebar Info Content -->
<div class="sidebar-info-contents headline pera-content">
<div class="content-inner">
<div class="sidebar-logo">
<a href="#"><img src="https://www.attractivewebsolutions.com/public/assets/img/logo/logo2.webp" alt=""></a>
</div>
<div class="sidebar-menu ul-li-block">
<ul>
<li><a href="https://www.attractivewebsolutions.com/about"><i class="fal fa-home"></i> About Us </a></li>
<li><a href="https://www.attractivewebsolutions.com/service"><i class="fal fa-cogs"></i> Service </a></li>
<li><a href="https://www.attractivewebsolutions.com/testimonial"><i class="fal fa-comments-alt"></i> Testimonial </a></li>
<li><a href="https://www.attractivewebsolutions.com/team"><i class="fal fa-users"></i> Our Team </a></li>
<li><a href="https://www.attractivewebsolutions.com/portfolio"><i class="fal fa-briefcase"></i> Portfolio </a></li>
<li><a href="https://www.attractivewebsolutions.com/blog"><i class="fal fa-blog"></i> Blog </a></li>
<li><a href="https://www.attractivewebsolutions.com/contact"><i class="fal fa-envelope"></i> Contact </a></li>
</ul>
</div>
<div class="sidebar-more-menu text-uppercase d-flex ul-li">
<span>More:</span>
<ul>
<li><a href="#">My Account </a></li>
<li><a href="https://www.attractivewebsolutions.com/career">Job Apply </a></li>
<li><a href="https://www.attractivewebsolutions.com/pribacy-policy">Privacy Policy </a></li>
</ul>
</div>
<div class="sidebar-social ul-li-block">
<span>Social:</span>
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i> Facebook</a></li>
<li><a href="#"><i class="fab fa-twitter"></i> Twitter</a></li>
<li><a href="#"><i class="fab fa-dribbble"></i> Dribble</a></li>
<li><a href="#"><i class="fab fa-instagram"></i> Instagram</a></li>
</ul>
</div>
<div class="sidebar-copyright text-center">
© Copyright 2023. All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- sidebar cart start -->
<div class="cart_sidebar">
<div class="cart_sidebar_top">
<h2 class="heading_title">Cart</h2>
<button class="cart_close_btn tx-close"></button>
</div>
<div class="cart_items_list">
<div class="cart_item">
<div class="item_image">
<img src="https://www.attractivewebsolutions.com/public/assets/img/shop/s_img1.webp" alt="image_not_found">
</div>
<div class="item_content headline">
<h4 class="item_title">
Rorem ipsum dolor sit amet.
</h4>
<span class="item_price">$19.00</span>
<button class="remove_btn"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="cart_item">
<div class="item_image">
<img src="https://www.attractivewebsolutions.com/public/assets/img/shop/s_img2.jpg" alt="image_not_found">
</div>
<div class="item_content headline">
<h4 class="item_title">
Rorem ipsum dolor sit amet.
</h4>
<span class="item_price">$22.00</span>
<button class="remove_btn"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="cart_item">
<div class="item_image">
<img src="https://www.attractivewebsolutions.com/public/assets/img/shop/s_img3.webp" alt="image_not_found">
</div>
<div class="item_content headline">
<h4 class="item_title">
Rorem ipsum dolor sit amet.
</h4>
<span class="item_price">$43.00</span>
<button class="remove_btn"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="cart_item">
<div class="item_image">
<img src="https://www.attractivewebsolutions.com/public/assets/img/shop/s_img4.webp" alt="image_not_found">
</div>
<div class="item_content headline">
<h4 class="item_title">
Rorem ipsum dolor sit amet.
</h4>
<span class="item_price">$14.00</span>
<button class="remove_btn"><i class="fal fa-times"></i></button>
</div>
</div>
</div>
<div class="cart_sidebar_bottom">
<div class="total_price">
<span>Sub Total:</span>
<span>$87.00</span>
</div>
<div class="cart_sidebar_button">
<a href="#">View Cart</a>
<a href="#">Checkout</a>
</div>
</div>
</div>
<!-- End of header section
============================================= -->
<!-- Start of 404 section
============================================= -->
<section id="bi-error" class="bi-error-section inner-page-padding" data-background="https://www.attractivewebsolutions.com/public/assets/img/bg/404-bg.webp">
<div class="container">
<div class="error-img text-center">
<img src="https://www.attractivewebsolutions.com/public/assets/img/about/404.webp" alt="404" style="padding:90px;">
</div>
<div class="error-text-btn text-center headline">
<h3>Oops! Page Not Found.</h3>
<div class="bi-btn-1 bi-btn-area text-uppercase">
<a class="bi-btn-main bi-btn-hover bi-btn-item" href="https://www.attractivewebsolutions.com/"> <span></span>Go back Home</a>
</div>
</div>
</div>
</section>
<!-- End of 404 section
============================================= -->
<!-- Start of Footer section
============================================= -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
#contact-container {
position: fixed;
bottom: 20px;
left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 1000;
}
.contact-link {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
color: white;
text-decoration: none;
font-size: 24px;
}
.whatsapp-link {
background-color: #c100bb;
}
.phone-link {
background-color: #c100bb;
}
</style>
<footer id="bi-footer" style="background-color: #000000;" class="bi-footer-section">
<div class="bi-footer-widget-content">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="bi-footer-widget headline pera-content ul-li-block">
<div class="about-widget">
<h3>Attractive Web Solutions</h3>
<p>Attractive Web Solutions - A Creative Web Agency with over 12 years of experience in innovative web design, development, and digital marketing. Elevate your online presence with us!</p>
<br>
<div class="contact-info">
<div class="contact-item">
<i class="fa-solid fa-location-dot"></i>
<p>Plot No.135, Kakrola Main Market Rd, <br>Near Metro Pillar No. 789, Dwarka Mor, <br>New Delhi, Delhi, 110078</p>
</div>
<div class="contact-item">
<i class="fa-solid fa-phone"></i>
<p><a style="color:white" target="_blank" href="tel:+91 9540041043">+91 9540041043</a></p>
</div>
<div class="contact-item">
<i class="fa-solid fa-envelope"></i>
<p><a style="color:white" target="_blank" href="mailto:brahm@worldtradekey.in">Brahm@worldtradekey.in</a></p>
</div>
<div class="contact-item">
<i class="fa-brands fa-whatsapp"></i>
<p><a href="#" target="_blank" style="color:white">+91 7217871051</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="bi-footer-widget headline pera-content ul-li-block">
<div class="menu-widget">
<h3 class="widget-title">Our Services</h3>
<ul>
<li><a href="https://www.attractivewebsolutions.com/services/website-development">Website Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/website-designing">Website Designing</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/mobile-app-development">Mobile App Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/digital-marketing">Digital Marketing</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/domain-registration">Domain Registration</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/graphic-designing">Graphic Designing</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/ecommerce-development">Ecommerce Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/services/shopify-ecommerce-development">Shopify Ecommerce Development</a></li>
<li><a href="https://www.attractivewebsolutions.com/pr-distribution-service">PR Distribution Service</a></li>
</ul>
</ul>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="bi-footer-widget headline pera-content ul-li-block">
<div class="menu-widget">
<h3 class="widget-title">Quick Links</h3>
<ul>
<li><a href="https://www.attractivewebsolutions.com/">Home</a></li>
<li><a href="https://www.attractivewebsolutions.com/about">About us</a></li>
<!-- <li><a href="#">Our Network</a></li> -->
<li><a href="https://www.attractivewebsolutions.com/portfolio">Our Portfolio</a></li>
<!-- <li><a href="https://www.attractivewebsolutions.com/">Our Clients</a></li> -->
<li><a href="https://www.attractivewebsolutions.com/testimonial">Testimonials</a></li>
<li><a href="https://www.attractivewebsolutions.com/contact">Contact us</a></li>
<li><a href="https://www.attractivewebsolutions.com/blog">News & Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="bi-footer-widget headline pera-content ul-li-block">
<div class="menu-widget">
<h3 class="widget-title">Important Links</h3>
<ul>
<li><a href="https://www.attractivewebsolutions.com/career">Career</a></li>
<!-- <li><a href="faqs">FAQ's</a></li> -->
<li><a href="https://www.attractivewebsolutions.com/disclaimer">Disclaimer</a></li>
<li><a href="https://www.attractivewebsolutions.com/privacy-policy">Privacy Policy</a></li>
<li><a href="https://www.attractivewebsolutions.com/terms-condition">Terms & Conditions</a></li>
<!-- <li><a href="how-we-work">How we Work</a></li> -->
<li><a href="https://www.attractivewebsolutions.com/refund-policy">Refund Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bi-footer-social">
<div class="container">
<div class="bi-footer-social-content ul-li">
<ul>
<li><a href="https://www.facebook.com/AttractiveWebSolutions" target="_blank"><i class="fab fa-facebook-f"></i> Facebook</a></li>
<li><a href="https://x.com/_awspl_" target="_blank"><i class="fab fa-x"></i> X</a></li>
<li><a href="https://www.linkedin.com/company/awspvtltd/" target="_blank"><i class="fab fa-linkedin-in"></i> LinkedIn</a></li>
<li><a href="https://www.instagram.com/attractivewebsolutions/" target="_blank"><i class="fab fa-instagram"></i> Instagram</a></li>
</ul>
</div>
</div>
</div>
<div class="bi-footer-logo-area">
<div class="container">
<div class="bi-footer-logo">
<div class="brand-logo text-center">
<a href="https://g.page/r/CXjbkRJASwJeEBM/review"><img src="https://www.attractivewebsolutions.com/public/assets/img/logo/review.webp" alt="Attractive Web Solutions- Review us on Google"></a>
</div>
</div>
</div>
</div>
<div class="bi-footer-copyright text-center">
Copyright @2012-2024 - Attractive Web Solutions(Web Design & Digital Marketing Company)
</div>
</footer>
<script>// Get the popup element
var popup = document.getElementById("popupForm");
// Get the button that opens the popup
var openBtn = document.getElementById("openFormBtn");
// Get the <span> element that closes the popup
var closeBtn = document.getElementById("closeFormBtn");
// When the user clicks the button, open the popup
openBtn.onclick = function() {
popup.style.display = "block";
}
// When the user clicks on <span> (x), close the popup
closeBtn.onclick = function() {
popup.style.display = "none";
}
// When the user clicks anywhere outside of the popup, close it
window.onclick = function(event) {
if (event.target == popup) {
popup.style.display = "none";
}
}
</script>
<footer class="sticky-footer foot-nav show" style="
display: none;
">
<div class="row">
<div class="col s2 offset-s1">
<a href="https://www.attractivewebsolutions.com/" class="truncate active">
<span class="ico-home"></span>Home</a>
</div>
<div class="col s2">
<a href="tel:+919540041043" class="truncate">
<span class="ico-my-orders"></span>Call Us</a>
</div>
<div class="col s2">
<div id="NavTap">
<a class="truncate center-align ma5menu__toggle ma5menu__icon-toggle" >
<div class="mobile_menu_button open_mobile_menu">
<span class="ico-all-cat"></span>All Services</a>
</div>
</div>
</div>
<div class="col s2">
<a href="/blog" class="truncate">
<span class="ico-my-cart"></span>Blog</a>
</div>
<div class="col s2">
<a href="https://wa.me/=919540041043" class="truncate">
<span class="ico-my-wallet"></span>WhatsApp</a>
</div>
</div>
</footer>
<style>
@media (max-width: 767px) {
footer.sticky-footer.foot-nav.show {
display: block !important;
}
}
@media (max-width: 767px) {
.sticky-footer {
position: fixed;
bottom: 0;
width: 100%;
background: -webkit-linear-gradient(left, #c100bb, #192140);
height: 60px;
z-index: 999999999;
border-top: 1px solid hsla(0, 0%, 100%, 0.5);
-webkit-box-shadow: 0 -2px 9px -1px rgb(0 0 0 / 10%);
box-shadow: 0 -2px 9px -1px rgb(0 0 0 / 10%);
}
}
@media (max-width: 767px) {
.foot-nav .row .col.s2 a span {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
height: 20px;
display: block;
width: 20px;
margin: auto;
background: url(https://www.attractivewebsolutions.com/public/assets/img/sticky-footer/sticky-img.webp);
background-size: cover;
margin-top: 14px;
}
}
@media (max-width: 767px) {
span.ico-home {
background-position: 0 -146px !important;
}
}
@media (max-width: 767px) {
span.ico-my-orders {
background-position: 0 -275px !important;
}
}
@media (max-width: 767px) {
span.ico-all-cat {
background-position: 0 1px !important;
}
}
@media (max-width: 767px) {
span.ico-my-cart {
background-position: 0 -242px !important;
}
}
@media (max-width: 767px) {
span.ico-my-wallet {
background-position: 0 -205px !important;
}
}
@media (max-width: 767px) {
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
@media (max-width: 767px) {
.foot-nav .row .col.s2 a {
color: #fff;
font-size: 12px;
margin-top: -1px;
}
}
@media (max-width: 767px) {
.foot-nav .row .col.s2 {
/*width: 19.9%;*/
text-align: center;
padding: 0 0.15rem;
position: relative;
}
}
</style>
<style>/* Sticky Footer */
<!--.sticky-footer {-->
<!-- position: fixed;-->
<!-- bottom: 0;-->
<!-- width: 100%;-->
background-color: #FF4D71; /* Adjust to match your theme */
<!-- z-index: 999;-->
<!-- padding: 10px 0;-->
<!-- display: flex;-->
<!-- justify-content: center;-->
<!--}-->
<!--.footer-content {-->
<!-- display: flex;-->
<!-- justify-content: space-between;-->
<!-- align-items: center;-->
<!-- width: 100%;-->
<!-- max-width: 768px;-->
<!-- padding: 0 20px;-->
<!--}-->
/* Left Side Buttons - Call and WhatsApp */
<!--.left-buttons {-->
<!-- display: flex;-->
<!-- align-items: center;-->
<!--}-->
<!--.call-btn {-->
<!-- background-color: #007bff;-->
<!-- color: #fff;-->
<!-- padding: 5px 15px!important;-->
<!-- border-radius: 5px;-->
<!-- text-decoration: none;-->
<!-- font-size: 12px!important;-->
<!-- margin-right: 10px;-->
<!--}-->
<!--.whatsapp-btn img {-->
<!-- width: 24px;-->
<!-- height: 24px;-->
<!--}-->
/* Follow Us Center Tab */
<!--.follow-tab {-->
background-color: #FF4D71; /* Same as footer color */
<!-- padding: 5px 15px;-->
<!-- border-radius: 20px;-->
<!-- font-weight: bold;-->
<!-- color: white;-->
<!-- text-align: center;-->
<!-- font-size: 14px;-->
<!--}-->
/* Right Side Social Icons */
<!--.right-buttons {-->
<!-- display: flex;-->
<!-- align-items: center;-->
<!--}-->
<!--.social-icon img {-->
<!-- width: 40px;-->
<!-- height: 40px;-->
<!-- margin-left: 10px;-->
<!--}-->
/* Scroll Up Button */
<!--.scroll-up-btn {-->
<!-- position: fixed;-->
<!-- bottom: 70px;-->
<!-- right: 20px;-->
<!-- background-color: #FF4D71;-->
<!-- padding: 10px;-->
<!-- border-radius: 50%;-->
<!-- display: none;-->
<!-- cursor: pointer;-->
<!--}-->
<!--.scroll-up-btn img {-->
<!-- width: 30px;-->
<!-- height: 30px;-->
<!--}-->
/* Responsive Design */
<!--@media (max-width: 768px) {-->
<!-- .sticky-footer {-->
<!-- padding: 5px 0;-->
<!-- }-->
<!-- .call-btn {-->
<!-- font-size: 14px;-->
<!-- padding: 8px 12px;-->
<!-- }-->
<!-- .whatsapp-btn img, .social-icon img {-->
<!-- width: 20px;-->
<!-- height: 20px;-->
<!-- }-->
<!-- .follow-tab {-->
<!-- font-size: 12px;-->
<!-- padding: 3px 10px;-->
<!-- }-->
<!-- .scroll-up-btn img {-->
<!-- width: 25px;-->
<!-- height: 25px;-->
<!-- }-->
<!--}-->
<!-- --></style>
<!-- End of Footer section
============================================= -->
<!-- For Js Library -->
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery-3.6.0.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/bootstrap.bundle.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/swiper-bundle.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/appear.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/counter.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/gsap.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/knob.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery.magnific-popup.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery.counterup.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/waypoints.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/parallax.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/ScrollTrigger.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/ScrollToPlugin.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/ScrollSmoother.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/SplitText.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery.filterizr.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/imagesloaded.pkgd.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/hover-revel.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/split-type.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/parallax-scroll.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery.marquee.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/wow.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/jquery.meanmenu.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/tilt.jquery.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/matter.min.js"></script>
<script src="https://www.attractivewebsolutions.com/public/assets/js/script.js"></script>
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:15,
nav:true,
responsive:{
0:{
items:3
},
600:{
items:3
},
1000:{
items:6
}
}
})
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var openPopupBtn = document.getElementById('open-popup-btn');
var closePopupBtn = document.getElementById('popup-close');
var popup = document.getElementById('job-apply-popup');
// Open the popup
openPopupBtn.addEventListener('click', function() {
popup.style.display = 'flex';
});
// Close the popup
closePopupBtn.addEventListener('click', function() {
popup.style.display = 'none';
});
// Close the popup if user clicks outside of the popup content
window.addEventListener('click', function(event) {
if (event.target === popup) {
popup.style.display = 'none';
}
});
});
</script>
</body>
</html>