<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" type="image/x-icon" href="../imgs/logoitsitemakers.png">
<title></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/maps.css" />
<link rel="stylesheet" href="css/font.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" referrerpolicy="no-referrer" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<meta property="og:title" content="Web design and development Company">
<meta property="og:description" content="IT Site Makers is fueling businesses with cutting-edge, responsive web design and development strategies that lead to online success.">
<meta property="og:image" content="../imgs/logoitsitemakers.png">
<meta property="og:url" content="https://itsitemakers.com/">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="u0-OHkPSB_LBOzW7wXYP1AUb3oj971kOgiVbwwfKvmY" />
<meta name="description" content="">
<meta name="keyword" content="">
<link rel="canonical" href="" />
<!-- 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-PNM68N');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VHNN5MFQHG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VHNN5MFQHG');
</script>
</head>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "IT Site Makers",
"url": "https://itsitemakers.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://itsitemakers.com/about-us{search_term_string}https://itsitemakers.com/contact",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "What services does your Web Development and Digital Marketing company provide?",
"acceptedAnswer": {
"@type": "Answer",
"text": "IT Site Makers provides a comprehensive range of services, including expert web design, web development, strategic SEO, engaging social media marketing, and other tailored digital solutions. We aim to elevate your online presence, driving success and growth for your business through innovative and results-driven strategies."
}
},{
"@type": "Question",
"name": "How can a professionally designed website benefit my business?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A professionally designed website enhances your brand’s credibility, creates a positive first impression, and ensures a seamless user experience. It serves as a powerful tool for attracting and retaining customers, fostering trust, and ultimately contributing to increased conversions and business success."
}
},{
"@type": "Question",
"name": "Why is SEO important for my website?",
"acceptedAnswer": {
"@type": "Answer",
"text": "SEO is important for your website’s success for several reasons. Firstly, it enhances visibility on search engines, ensuring that your website appears prominently in relevant search results. This increased visibility drives organic traffic, as users are more likely to click on top-ranking results. Additionally, SEO improves the user experience by optimizing website elements, such as content and navigation. Furthermore, a well-optimized site is more likely to gain credibility and trust, as users often associate higher search rankings with reliability and authority."
}
},{
"@type": "Question",
"name": "How long does it take to develop a website?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The time to develop a website depends on its complexity and features. While a simple site may take 1-2 weeks, more complex projects can extend to several weeks. Our dedicated team works efficiently to deliver high-quality websites within agreed timelines, ensuring your online presence is launched promptly."
}
},{
"@type": "Question",
"name": "What is the role of social media in digital marketing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Social media is a crucial component of digital marketing, helping businesses connect with their target audience, build brand awareness, and drive traffic to their websites. Through strategic social media campaigns, we help businesses leverage these platforms to enhance their online presence and engage with their audience effectively."
}
},{
"@type": "Question",
"name": "How can I measure the success of my digital marketing campaigns?",
"acceptedAnswer": {
"@type": "Answer",
"text": "IT Site Makers utilize a range of metrics, such as website analytics, conversion rates, and social media engagement to measure the success of your digital marketing campaigns. Our detailed reports provide valuable insights, allowing you to assess the effectiveness of strategies and make informed decisions to optimize future campaigns."
}
},{
"@type": "Question",
"name": "What is a responsive web design, and why is it important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Responsive web design ensures your website adapts seamlessly to various devices and screen sizes, providing an excellent user experience. This is crucial for attracting and retaining visitors, enhancing usability, and positively impacting search engine rankings, as Google prioritizes mobile-friendly sites in its search results."
}
},{
"@type": "Question",
"name": "Can you help improve my website's loading speed?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Certainly, we employ various techniques such as image optimization, browser caching, and code minimization to enhance your website’s loading speed. Improving site speed not only enhances user experience but also positively impacts search engine rankings, ensuring your website performs at its best across all fronts."
}
}]
}
</script>
<body class="ads.txt">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNM68N"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="fixed-top" id="navbar" data-navbar-soft-on-scroll="data-navbar-soft-on-scroll">
<div class="topbar px-3 py-1 d-md-block d-lg-block d-none">
<div class="container-fluid">
<div class="row">
<div class="col-sm-4 col-md-3 col-lg-3 col-xl-2 text-white">
<a class="text-white text-decoration-none" href="mailto:itsitemakers@gmail.com"><i class="fa-regular fa-envelope"></i> itsitemakers@gmail.com</a>
<!--<i class="fa-regular fa-envelope"></i> itsitemakers@gmail.com-->
</div>
<div class="col-sm-4 col-md-3 col-lg-3 col-xl-2 text-white">
<a class="text-white text-decoration-none" href="tel:+918360669177"><i class="fa-solid fa-phone"></i> +91 836-066-9177</a>
<!--<i class="fa-solid fa-phone"></i> +91 836-066-9177--></div>
<div class="col-sm-4 col-md-6 col-lg-6 col-xl-8 text-end">
<ul class="mb-0">
<li class="d-inline-block"><a href="https://www.facebook.com/itsitemakers/" class="text-white"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="d-inline-block px-2"><a href="https://www.instagram.com/official_ism25/" class="text-white"><i class="fa-brands fa-instagram"></i></a></li>
<li class="d-inline-block"><a href="https://www.linkedin.com/in/it-site-makers-web-development-designing-1a621ab9/" class="text-white"><i class="fa-brands fa-linkedin"></i></a></li>
<li class="d-inline-block px-2"><a href="https://www.youtube.com/channel/UCWeRZpWFh_mHrxc-IsOGDeg" class="text-white"><i class="fa-brands fa-youtube"></i></a></li>
<li class="d-inline-block"><a href="https://api.whatsapp.com/send?phone=918360669177" class="text-white"><i class="fa-brands fa-whatsapp"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!----------nav-start---------->
<nav class="navbar navbar-expand-lg navbar-light px-3">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="../imgs/logoitsitemakers.png" alt="IT Site Makers Logo" width="70px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-5 hmenu" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0 ">
<li class="nav-item"><a class="nav-link active text-white" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link text-white" href="about-us">About US</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Our Services
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="web-development">Web Development</a></li>
<li><a class="dropdown-item" href="web-designing">Web Design</a></li>
<li><a class="dropdown-item" href="graphic-design">Graphic Design</a></li>
<li><a class="dropdown-item" href="shopify-development">Shopify Development</a></li>
<li><a class="dropdown-item" href="ecommerce-website-development">Ecommerce Website Development</a></li>
<li><a class="dropdown-item" href="digital-marketing">Digital Marketing</a></li>
<li><a class="dropdown-item" href="app-development">App Development</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link text-white" href="pricing-table"> Our Packages</a> </li>
<li><a class="nav-link text-white" href="https://itsitemakers.com/blog"> Blogs </a></li>
<li><a class="nav-link text-white" href="https://itsitemakers.com/contact"> Contact Us </a></li>
</ul>
</div>
</div>
</nav>
</header>
<!------------slider------------------>
<div data-bs-target="#navbar" data-bs-spy="scroll" tabindex="0">
<section class="bg-main overflow-hidden position-relative z-0 mb-4 mb-lg-0">
<div class="position-absolute dots d-none d-md-block"> <img class="img-fluid w-70 w-lg-75" src="imgs/dots.webp" alt="dots"></div>
<div id="carouselExampleCaptions" class="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active p-5">
<div class="row">
<div class="col-md-6">
<img src="imgs/banner-shopify.png" class="d-block w-100" alt="IT Site Makers shopify">
</div>
<div class="col-md-6">
<div class="d-flex flex-column h-100 align-items-center justify-content-center bottom-0 text-white">
<h1 class="py-2 px-4 h2 display-6">Customize Your Store Design with Our Shopify Development Services</h1>
<p class="py-2 px-4">Tailor your store's appearance to fit your unique brand identity with Shopify. Its user-friendly customization
options empower you to create a visually appealing and unique online store that stands out.</p>
<a href="https://itsitemakers.com/shopify-development" class="btn btn-outline-light px-4 py-2 rounded-0">Learn More</a>
</div>
</div>
</div>
</div>
<div class="carousel-item p-5">
<div class="row">
<div class="col-md-6">
<img src="imgs/webflow.png" class="d-block w-100" alt="IT Site Makers webflow">
</div>
<div class="col-md-6">
<div class="d-flex flex-column h-100 align-items-center justify-content-center bottom-0 text-white">
<h2 class="py-2 px-4 display-6">Spread Your Brand Awareness with Our Cutting-Edge Digital Marketing Solutions</h2>
<p class="py-2 px-4">Elevate your brand's online presence using our digital marketing solutions. Our strategies are designed to make
your business familiar among your target audience, ensuring you stay ahead in the competitive digital landscape.</p>
<a href="https://itsitemakers.com/about-us" class="btn btn-outline-light px-4 py-2 rounded-0">Learn More</a>
</div>
</div>
</div>
</div>
<div class="carousel-item p-5">
<div class="row">
<div class="col-md-6">
<img src="imgs/wordpress-slider.png" class="d-block w-100" alt="IT Site Makers wordpress">
</div>
<div class="col-md-6">
<div class="d-flex flex-column h-100 align-items-center justify-content-center bottom-0 text-white">
<h2 class="py-2 px-4 display-6">Make Your Dream Website with Our WordPress Development Services</h2>
<p class="py-2 px-4">Bring your website vision to life with our WordPress development services. From user-friendly interfaces to dynamic features,
we transform your dreams into a fully functional and engaging online reality, ensuring your website reflects your aspirations.</p>
<a href="https://itsitemakers.com/web-development" class="btn btn-outline-light px-4 py-2 rounded-0">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute bottom-0 start-0 end-0 z-1"><img class="wave mb-md-n2" src="imgs/wave.webp" alt="wave">
</div>
</section>
</div>
<section class=" sec-two">
<div class="container-fluid">
<div class="row justify-content-center text-center px-5 py-4 align-items-center">
<div class="col-6 col-sm-6 col-md-3 col-lg-3 py-2">
<i class="fa-solid fa-flag"></i>
<h3 class="pt-2">4000+</h3>
<p class="mb-0">Project Done</p>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 py-2">
<i class="fa-solid fa-check"></i>
<h3 class="pt-2">99%</h3>
<p class="mb-0">Success Rate</p>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 py-2">
<i class="fa-solid fa-calendar-days"></i>
<h3 class="pt-2">12+</h3>
<p class="mb-0">Years of Experience</p>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 py-2">
<i class="fa-solid fa-user-plus"></i>
<h3 class="pt-2">60+</h3>
<p class="mb-0">Team</p>
</div>
</div>
</div>
</section>
<section class="px-3 py-5 heading-style">
<div class="container-fluid">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Our Services</p>
<h2>Services That Drive <span class=" fw-bold"> Your Success</span></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-desktop"></i></div>
<h3>Web Designing</h3>
<p>Our design experts build sleek and user-friendly websites that captivate your visitors. We create seamless online experiences, ensuring your digital presence reflects your brand's essence.
</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-desktop"></i></div>
<h3>Web Designing</h3>
<p>Landing Pages</p>
<p>Email Templates</p>
<p>UI Designs</p>
<p>Creative Web Layouts</p>
<p>Website Optimization</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-code"></i></div>
<h3>Web Development</h3>
<p>Elevate your online presence with our skilled developers. We transform design into functionality, crafting responsive websites with powerful features to enhance user engagement and satisfaction.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-code"></i></div>
<h3>Web Development</h3>
<p>PHP frameworks</p>
<p>Core PHP frameworks</p>
<p>Codeigniter</p>
<p>WordPress</p>
<p>Shopify</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-paintbrush"></i></div>
<h3>Graphic Designing</h3>
<p>We turn concepts into visuals, crafting eye-catching logos and designs that express your business. From brand identity to promotional materials, we bring your ideas to life with creativity.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-paintbrush"></i></div>
<h3>Graphic Designing</h3>
<p>Banner Designs</p>
<p>Logo Design</p>
<p>Mobile Application Design</p>
<p>Business Cards Design</p>
<p>Mockup Design</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-mobile"></i></div>
<h3>App Development</h3>
<p>Turn your app idea into reality! Our app developers create seamless, intuitive apps for both iOS and Android platforms, ensuring your business is accessible to users wherever they are.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-mobile"></i></div>
<h3>App Development</h3>
<p>iOS App Developmen</p>
<p>Android App Development</p>
<p>React Native Apps</p>
<p>Ionic App Development</p>
<p>App Development</p>
<p>& More</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-desktop"></i></div>
<h3>E-commerce Store Development</h3>
<p>Ready to sell online? Our experts build powerful e-commerce stores tailored to your needs. From user-friendly interfaces to secure payment gateways, we make online shopping effortless.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-desktop"></i></div>
<h3>E-commerce Store Development</h3>
<p>Wordpress</p>
<p>Shopify</p>
<p>Webflow</p>
<p>Woocommerce</p>
<p>Wix</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-brands fa-searchengin"></i></div>
<h3>Search Engine Optimization</h3>
<p>Boost your visibility on search engines! Our SEO specialists optimize your website, driving organic traffic and ensuring your business stands out in the competitive online landscape.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-brands fa-searchengin"></i></div>
<h3>Search Engine Optimization</h3>
<p>On Page SEO</p>
<p>Off Page SEO</p>
<p>Backlinks</p>
<p>Right Keyword Selection</p>
<p>Increase website speed</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-bullhorn"></i></div>
<h3>Digital Marketing</h3>
<p>Maximize your online reach! Our Digital Marketing professionals develop strategies to engage your audience across various social platforms,
creating a buzz around your brand and driving meaningful connections.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-bullhorn"></i></div>
<h3>Digital Marketing</h3>
<p>Social Media Marketing</p>
<p>Search Engine Optimization</p>
<p>Search Engine Marketing</p>
<p>Email Marketing</p>
<p>Promotion of Brands</p>
<p>& More</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 p-3">
<div class="ser_div">
<div class="display-front p-3">
<div class="icon-front">
<i class="fa-solid fa-pen"></i></div>
<h3>Content Strategy</h3>
<p>we specialize in delivering content that not only engages but also drives results. Whether you're looking to build brand awareness, boost conversions, or captivate your audience, we’ve got you covered.</p>
</div>
<div class="display-back p-3">
<div class="icon-back">
<i class="fa-solid fa-pen"></i></div>
<h3>Content Strategy</h3>
<p>Conversion website and landing pages</p>
<p>Write For Email & social media</p>
<p>Professional Writes</p>
<p>100% Original Custom Content</p>
<p>Cost-Effective</p>
<p>& More</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-3 py-5 heading-style">
<div class="container-fluid">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Our Clients</p>
<h2> Our Trusted Brands That Trust <span class=" fw-bold"> Our Expertise</span></h2>
</div>
</div>
<div class="d-grid logos_main text-center">
<div class="col pb-3">
<img src="imgs/flawless.webp" alt="Hair Salon logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/genutive.webp" alt="Genutive logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/perth-taxi.webp" alt="Genutive logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/gundeep-travel.webp" alt="gundeep Logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/aps-logo.webp" alt="aadhar public school logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/logo-5.jpg" alt="rajiv sharma photography logo" class="h-100 w-100" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/frequency-logo.webp" alt="frequency logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/evafoa-logo.webp" alt="evafoa logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/krystal-logo.webp" alt="krystal logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/malwa-group.webp" alt="malwa-group Logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/taj-pro-logo.webp" alt="taj-pro Logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/chandigarhtourandtravels-logo.webp" alt="chandigarhtourandtravels Logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/seasiderestaurant-logo.webp" alt="seasiderestaurant Logo" loading="lazy">
</div>
<div class="col pb-3">
<img src="imgs/anastasistoursusa-logo.webp" alt="anastasistoursusa Logo" loading="lazy">
</div>
</div>
</div>
</section>
<section class="px-4 py-5 heading-style bg-grdnt">
<div class="container-fluid">
<div class="row justify-content-center pb-4 text-white">
<div class="col-md-6 text-center">
<p>Development Platforms</p>
<h2> We Serve on <span class=" fw-bold"> Multiple Development Platforms</span></h2>
</div>
</div>
<div class="row justify-content-between align-items-center">
<div class="col-md-12 col-lg-6 py-3 text-white">
<h3>Transform Visions into Digital Realities.</h3>
<p>At IT Site Makers, we are more than just a web design and development company – we are your ideal digital partner.
We specialise in transforming your ideas into online experiences with amazing, responsive and user-friendly websites.</p>
<p>We are experts in a number of platforms, including PHP, MySQLi, jQuery, AJAX, Web API, Node.js, CodeIgniter, Laravel, WordPress, Shopify, Wix, Squarespace, Webflow and Magento.</p>
<p>Our expert team of mobile app developers for both Android and iOS, and we also offer experienced and quality SEO services. We provide complete solutions that enhance your online presence and build your brand.</p>
<p>Make IT Site Makers your one-stop solution for creating, growing and succeeding in the digital world. Let’s make your dream website a reality together!</p>
<a href="https://itsitemakers.com/web-development" class="btn btn-outline-light px-4 py-2 rounded-0">Learn More</a>
</div>
<div class="col-md-12 col-lg-5 bg-light p-4 we-serve rounded">
<h3>We Serve on Multiple Platforms</h3>
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/php-logo.webp" class="img-fluid" alt="php-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/codelgniter-logo.webp" class="img-fluid" alt="codelgniter-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/wordpress-logo.webp" class="img-fluid" alt="wordpress-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/shopify-logo.webp" class="img-fluid" alt="shopify-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/squarespace-logo.webp" class="img-fluid" alt="squarespace-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/wix-logo.webp" class="img-fluid" alt="wix-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/webflow-logo.webp" class="img-fluid" alt="webflow-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/magento-logo.webp" class="img-fluid" alt="magento-logo" width="200px">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-4 py-5 heading-style">
<div class="container-fluid">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Our Industry</p>
<h2>Serving a Wide Range <span class=" fw-bold">of Industries</span></h2>
</div>
</div>
<div class="row hexa-sec px-5 justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-8">
<div class='grid'>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/travel-1.webp);'></div>
<div class='container'>
<h2>Travel</h2>
<div class='desc'>Traveling Websites & Booking Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/hralthcare-2.webp);'></div>
<div class='container'>
<h2>Healthcare</h2>
<div class='desc'>Healthcare Websites & labs Test Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/real-estate-3.webp);'></div>
<div class='container'>
<h2>Real Estate</h2>
<div class='desc'>Realestate Websites & Booking Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/hotel-4.webp);'></div>
<div class='container'>
<h2>Hotel</h2>
<div class='desc'>Static Hotel Websites and Hotel Booking Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/restaurant-5.webp);'></div>
<div class='container'>
<h2>Restaurant</h2>
<div class='desc'>Restaurant Websites & Food Ordering Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/education-6.webp);'></div>
<div class='container'>
<h2>Education & eLearning</h2>
<div class='desc'>Education & eLearning Websites</div>
</div>
</div>
<div class='grid--item'>
<div class='img' style='background-image: url(imgs/photography-7.webp);'></div>
<div class='container'>
<h2>Photography</h2>
<div class='desc'>Photography Websites</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tstimonial px-4 py-5 heading-style">
<div class="container">
<div class="row justify-content-center pb-5">
<div class="col-md-6 text-center">
<p>Happy Stories</p>
<h2> Our Client <span class=" fw-bold"> Testimonial Reviews</span></h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="testim" class="testim">
<div class="testim-cover">
<div class="wrap">
<span id="right-arrow" class="arrow right fa fa-chevron-right"></span>
<span id="left-arrow" class="arrow left fa fa-chevron-left "></span>
<ul id="testim-dots" class="dots">
<li class="dot active"></li><!--
--><li class="dot"></li><!--
--><li class="dot"></li><!--
--><li class="dot"></li><!--
--><li class="dot"></li>
</ul>
<div id="testim-content" class="cont">
<div class="active">
<div class="img"><img src="imgs/testi-1.webp" alt="testimonial"></div>
<h2>Sarah L., Marketing Director, CreativeWave</h2>
<p>The development process was smooth, with constant updates and open communication. The end product exceeded our expectations in terms of performance and usability.
We've been able to handle a higher volume of traffic without any issues, and the feedback from our users has been overwhelmingly positive.
IT Site Makers really understands the intricacies of web development, and their attention to detail is second to none.</p>
</div>
<div>
<div class="img"><img src="imgs/testi-2.webp" alt="testimonial"></div>
<h2>Jessica H., CTO, TechGear Solutions</h2>
<p>One of the best things about working with IT Site Makers was their professionalism and dedication. They didn't just build us a beautiful website; they made sure every element had a purpose and was strategically designed to improve user experience and conversions.
I couldn’t be happier with the result, and I highly recommend them to any business looking to revamp their online presence.</p>
</div>
<div>
<div class="img"><img src="imgs/testi-3.webp" alt="testimonial"></div>
<h2>Alex B., E-commerce Manager, BrightPulse</h2>
<p>In addition to their SEO services, IT Site Makers also helped us with our digital marketing campaigns. Their team created targeted ads that brought in qualified leads, and their social media strategies helped us build a stronger online presence.
Their holistic approach to digital marketing and SEO has transformed our online visibility and contributed significantly to our growth.</p>
</div>
<div>
<div class="img"><img src="imgs/testi-4.webp" alt="testimonial"></div>
<h2>Emily C., Owner, TrendStyle Clothing</h2>
<p>"One of the things that impressed me most was how IT Site Makers handled the entire process. They integrated payment gateways, shipping modules, and even implemented advanced analytics, giving us complete control over the business operations through our website.
Their e-commerce solutions are top-notch, and I would recommend them to any business looking to build or upgrade their online store.</p>
</div>
<div>
<div class="img"><img src="imgs/testi-5.webp" alt="testimonial"></div>
<h2>Raj S., Founder, HealthEase</h2>
<p>Working with IT Site Makers on our branding and graphic design was an absolute pleasure. We wanted something that reflected the heart and soul of our business, and they truly delivered. Their design team came up with fresh, creative ideas that aligned with our brand identity and business goals. The final output, from logos to marketing materials, looked stunning.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-4 py-5 heading-style bg-grdnt">
<div class="container-fluid">
<div class="row justify-content-center pb-4 text-white">
<div class="col-md-6 text-center">
<p>Design Platforms</p>
<h2> We Serve on <span class=" fw-bold"> Multiple Design Platforms</span></h2>
</div>
</div>
<div class="row justify-content-between">
<div class="col-md-12 col-lg-6 py-3 text-white">
<h3>We turn your ideas into digital success.</h3>
<p>At IT Site Makers, we are more than just a web design and development company - we are your creative and technical partner.</p>
<p>Our expert team creates professional, modern websites that not only look beautiful but are also responsive on all devices.
We work with a wide range of tools and technologies, including HTML, CSS, Bootstrap, Elementor, WP Bakery Page Builder, and provide
complete graphic design services using Photoshop, Illustrator, CorelDraw, and Canva.</p>
<p>Whether you need a business website, a creative portfolio, or a custom online platform, we provide a professional and quality website
within your budget.</p>
<p>Let's build your dream website together - only at IT Site Makers.</p>
<a href="https://itsitemakers.com/web-designing" class="btn btn-outline-light px-4 py-2 rounded-0">Learn More</a>
</div>
<div class="col-md-12 col-lg-5 bg-light p-4 we-serve rounded">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/html-5.webp" class="img-fluid" alt="html5-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/css-3.webp" class="img-fluid" alt="css3-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/bootstrap-4.webp" class="img-fluid" alt="bootstrap4-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/bootstrap-5.webp" class="img-fluid" alt="bootstrap5-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/elementor.webp" class="img-fluid" alt="elementor-logo" width="200px">
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-6 px-4 py-2">
<img src="imgs/design-graphic.webp" class="img-fluid" alt="design-graphic-logo" width="200px">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="faqs px-4 py-5 heading-style">
<div class="container">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Faqs</p>
<h2> Frequently Asked Questions</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What services does your Web Development and Digital Marketing company provide?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Our company provides a comprehensive range of services, including expert web design, web development, strategic SEO, engaging social media marketing, and other tailored digital solutions.
We aim to elevate your online presence, driving success and growth for your business through innovative and results-driven strategies.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How can a professionally designed website benefit my business?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>A professionally designed website enhances your brand’s credibility, creates a positive first impression, and ensures a seamless user experience.
It serves as a powerful tool for attracting and retaining customers, fostering trust, and ultimately contributing to increased conversions and business success.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Why is SEO important for my website?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>SEO is important for your website’s success for several reasons. Firstly, it enhances visibility on search engines, ensuring that your website appears prominently in relevant search results. This increased visibility drives organic traffic, as users are more likely to click on top-ranking results. Additionally, SEO improves the user experience by optimizing website elements, such as content and navigation.
Furthermore, a well-optimized site is more likely to gain credibility and trust, as users often associate higher search rankings with reliability and authority.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingfour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
How long does it take to develop a website?
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>The time to develop a website depends on its complexity and features. While a simple site may take 1-2 weeks, more complex projects can extend to several weeks.
Our dedicated team works efficiently to deliver high-quality websites within agreed timelines, ensuring your online presence is launched promptly.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
What is the role of social media in digital marketing?
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Social media is a crucial component of digital marketing, helping businesses connect with their target audience, build brand awareness, and drive traffic to their websites.
Through strategic social media campaigns, we help businesses leverage these platforms to enhance their online presence and engage with their audience effectively.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingsix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsesix" aria-expanded="false" aria-controls="collapsesix">
How can I measure the success of my digital marketing campaigns?
</button>
</h2>
<div id="collapsesix" class="accordion-collapse collapse" aria-labelledby="headingsix" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We utilize a range of metrics, such as website analytics, conversion rates, and social media engagement to measure the success of your digital marketing campaigns.
Our detailed reports provide valuable insights, allowing you to assess the effectiveness of strategies and make informed decisions to optimize future campaigns.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingseven">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseseven" aria-expanded="false" aria-controls="collapseseven">
What is a responsive web design, and why is it important?
</button>
</h2>
<div id="collapseseven" class="accordion-collapse collapse" aria-labelledby="headingseven" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Responsive web design ensures your website adapts seamlessly to various devices and screen sizes, providing an excellent user experience.
This is crucial for attracting and retaining visitors, enhancing usability, and positively impacting search engine rankings, as Google prioritizes mobile-friendly sites in its search results.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingeight">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseeight" aria-expanded="false" aria-controls="collapseeight">
Can you help improve my website's loading speed?
</button>
</h2>
<div id="collapseeight" class="accordion-collapse collapse" aria-labelledby="headingeight" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Certainly, we employ various techniques such as image optimization, browser caching, and code minimization to enhance your website’s loading speed.
Improving site speed not only enhances user experience but also positively impacts search engine rankings, ensuring your website performs at its best across all fronts.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="px-4 py-5">
<div class="container-fluid">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Google Reviews</p>
<h2> What Our <span class=" fw-bold"> Customers Say</span></h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<!-- Elfsight Google Reviews | Untitled Google Reviews -->
<script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-b380c5cd-8e58-4ec0-b7fd-a2d316413b7c" data-elfsight-app-lazy></div>
</div>
</div>
</section>
<section class="content-row px-4 py-4 heading-style">
<div class="container">
<div class="row justify-content-center pb-4">
<div class="col-md-6 text-center">
<p>Location</p>
<h2> We Serve <span class=" fw-bold"> World-Wide Locations</span></h2>
</div>
</div>
<div class="network-map d-lg-block d-none">
<ul>
<li style="top: 38%; left: 12.5%;">
<span class="label-top-left">Oregon</span>
</li>
<li style="top: 40%; left: 26%;">
<span class="label-bottom-right">N. Virginia</span>
</li>
<li style="top: 78%; left: 34%;">
<span class="label-bottom-right">Sao Paulo</span>
</li>
<li style="top: 31.8%; left: 44.7%;">
<span class="label-bottom-left">Ireland</span>
</li>
<li style="top: 31.8%; left: 46.7%;">
<span class="label-top-right">London</span>
</li>
<li style="top: 34%; left: 49.5%;">
<span class="label-bottom-right">Frankfurt</span>
</li>
<li style="top: 64%; left: 75%;">
<span class="label-bottom-left">Singapore</span>
</li>
<li style="top: 42%; left: 82%;">
<span class="label-top-right">Seoul</span>
</li>
<li style="top: 54%; left: 68.5%;">
<span class="label-top-right">Mohali</span>
</li>
<li style="top: 83.5%; left: 52%;">
<span class="label-top-right">Cape Town</span>
</li>
<li style="top: 83%; left: 89%;">
<span class="label-top-right">Sydney</span>
</li>
<li style="top: 35%; left: 27%;">
<span class="label-top-right">Montreal</span>
</li>
</ul>
<img src="imgs/maps.svg" alt="maps">
</div>
</div>
</section>
</section>
<footer class="bg-grdnt px-4 py-5">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<img src="../imgs/logo-white-200.webp" alt="IT Site Makers LOGO White" width="80px">
<p class="text-white">Our visionary team crafts cutting-edge web solutions.
We assure you of our commitment to transforming complex business concepts into digital success.
Join us in redefining growth and excellence.</p>
</div>
<div class="col-md-2 column-second">
<h3 class="text-white">Useful Links</h3>
<ul>
<li><a href="index">Home</a></li>
<li><a href="about">About us</a></li>
<li><a href="web-development">Services</a></li>
<li><a href="https://itsitemakers.com/blog/">Blog</a></li>
<li><a href="contact">Contact us</a></li>
</ul>
</div>
<div class="col-md-3 column-second">
<h3 class="text-white">Services</h3>
<ul>
<li><a href="web-development">Web Development</a></li>
<li><a href="web-design">Web Design</a></li>
<li><a href="graphic-design">Graphic Design</a></li>
<li><a href="shopify-development">Shopify Development</a></li>
<li><a href="ecommerce-website-development">Ecommerce Website Development</a></li>
<li><a href="digital-marketing">Digital Marketing</a></li>
</ul>
</div>
<div class="col-md-4 column-second">
<h3 class="text-white">Contact US</h3>
<ul>
<li class="text-white"><i class="fa-solid fa-phone"></i> +91 836-066-9177, <i class="fa-solid fa-phone"></i> +91 988-835-1125</li>
<li><a href="https://api.whatsapp.com/send?phone=918360669177"><i class="fa-brands fa-whatsapp"></i> +91 836-066-9177</a></li>
</ul>
<h3 class="text-white">Address</h3>
<p class="text-white">Plot No. E-56, Phase-8 Ind. Area, Mohali, Punjab.</p>
<!--p class="text-white">#232, Phase-11, Sector-65, Mohali, Punjab.</p-->
<h3 class="text-white">Follow US</h3>
<ul class="mb-0 social-footer">
<li class="d-inline-block"><a href="https://www.facebook.com/itsitemakers/" class="text-white"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="d-inline-block px-2"><a href="https://www.instagram.com/official_ism25/" class="text-white"><i class="fa-brands fa-instagram"></i></a></li>
<li class="d-inline-block px-2"><a href="https://www.youtube.com/channel/UCWeRZpWFh_mHrxc-IsOGDeg" class="text-white"><i class="fa-brands fa-youtube"></i></a></li>
<li class="d-inline-block px-2"><a href="https://www.linkedin.com/in/it-site-makers-web-development-designing-1a621ab9/" class="text-white"><i class="fa-brands fa-linkedin"></i></a></li>
<li class="d-inline-block"><a href="https://api.whatsapp.com/send?phone=918360669177" class="text-white"><i class="fa-brands fa-whatsapp"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<section class="copyright">
<div class="container">
<div class="row text-white">
<div class="col-md-12 text-center pt-2 pb-2"><p class="mb-0">Copyright@2025, All Right Reserved IT SITE MAKERS</p></div>
</div>
</div>
</section>
<section class="mobile-pop-bottom d-lg-none d-sm-block">
<div class="container">
<div class="row">
<div class="col-md-12 text-center pt-2 pb-2 fix-bar">
<button type="button" class="btn btn-warning"><a class="text-dark text-decoration-none" href="tel:+918360669177"><i class="fa-solid fa-phone"></i> Call</a></button>
<button type="button" class="btn btn-info"> <a class="text-dark text-decoration-none" href="mailto:itsitemakers@gmail.com"> <i class="fa-solid fa-envelope"></i> Mail</a></button>
<button type="button" class="btn btn-success"><a class="text-white text-decoration-none" href="https://api.whatsapp.com/send?phone=918360669177">
<i class="fa-brands fa-whatsapp"></i> Whatsapp</a></button>
<button type="button" class="btn btn-danger"><a class="text-white text-decoration-none" href="itsitemakers.vcf">Save Number</a></button>
</div>
</div>
</div>
</section>
<div class="tawk-aap">
<a href="https://tawk.to/chat/66c1fb1a0cca4f8a7a7750ae/1i5irpog2" target="_blank">
<img src="../imgs/copywriting.gif" alt="Chat Tawk" style="height: 58px;">
</a>
</div>
<div class="whats-aap">
<a href="https://api.whatsapp.com/send?phone=918360669177" target="_blank">
<img src="../imgs/whatapp-transparent.webp" alt="whatsapp Chat">
</a>
</div>
<button class="btn-top"><i class="fa-solid fa-arrow-up"></i></button>
<style>
.whats-aap, .tawk-aap { position: relative;}
.whats-aap a { background:#fff; padding:12px; position: fixed; bottom: 56px;right: 0px; width: 60px; height: 60px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;
border-top-right-radius: 0; border-bottom-right-radius: 0;}
.tawk-aap a { position: fixed; padding:8px; bottom: 120px; background: #fff; height: 70px;width: 61px;right: 0; border-top-left-radius: 20px;border-bottom-left-radius: 20px;
border-top-right-radius: 0; border-bottom-right-radius: 0;}
button.btn-top {
display: none;
cursor: pointer;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgb(115 145 208);
color: white;
border: 1px solid #fff;
}
@media(max-width:991px){
.whats-aap, .tawk-aap {display:none;}
}
</style>
<script>
const button = document.querySelector('.btn-top');
const displayButton = () => {
window.addEventListener('scroll', () => {
console.log(window.scrollY);
if (window.scrollY > 100) {
button.style.display = "block";
} else {
button.style.display = "none";
}
});
};
const scrollToTop = () => {
button.addEventListener("click", () => {
window.scroll({
top: 0,
left: 0,
behavior: 'smooth'
});
console.log(event);
});
};
displayButton();
scrollToTop();
</script>
<script>
$(document).ready(function () {
$('.hmenu a').click(function () {
//removing the previous selected menu state
$('.hmenu').find('li.active').removeClass('active');
//adding the state for this parent menu
$(this).parents("li").addClass('active');
});
});
</script>
<script>
'use strict'
var testim = document.getElementById("testim"),
testimDots = Array.prototype.slice.call(document.getElementById("testim-dots").children),
testimContent = Array.prototype.slice.call(document.getElementById("testim-content").children),
testimLeftArrow = document.getElementById("left-arrow"),
testimRightArrow = document.getElementById("right-arrow"),
testimSpeed = 4500,
currentSlide = 0,
currentActive = 0,
testimTimer,
touchStartPos,
touchEndPos,
touchPosDiff,
ignoreTouch = 30;
;
window.onload = function() {
// Testim Script
function playSlide(slide) {
for (var k = 0; k < testimDots.length; k++) {
testimContent[k].classList.remove("active");
testimContent[k].classList.remove("inactive");
testimDots[k].classList.remove("active");
}
if (slide < 0) {
slide = currentSlide = testimContent.length-1;
}
if (slide > testimContent.length - 1) {
slide = currentSlide = 0;
}
if (currentActive != currentSlide) {
testimContent[currentActive].classList.add("inactive");
}
testimContent[slide].classList.add("active");
testimDots[slide].classList.add("active");
currentActive = currentSlide;
clearTimeout(testimTimer);
testimTimer = setTimeout(function() {
playSlide(currentSlide += 1);
}, testimSpeed)
}
testimLeftArrow.addEventListener("click", function() {
playSlide(currentSlide -= 1);
})
testimRightArrow.addEventListener("click", function() {
playSlide(currentSlide += 1);
})
for (var l = 0; l < testimDots.length; l++) {
testimDots[l].addEventListener("click", function() {
playSlide(currentSlide = testimDots.indexOf(this));
})
}
playSlide(currentSlide);
// keyboard shortcuts
document.addEventListener("keyup", function(e) {
switch (e.keyCode) {
case 37:
testimLeftArrow.click();
break;
case 39:
testimRightArrow.click();
break;
case 39:
testimRightArrow.click();
break;
default:
break;
}
})
testim.addEventListener("touchstart", function(e) {
touchStartPos = e.changedTouches[0].clientX;
})
testim.addEventListener("touchend", function(e) {
touchEndPos = e.changedTouches[0].clientX;
touchPosDiff = touchStartPos - touchEndPos;
console.log(touchPosDiff);
console.log(touchStartPos);
console.log(touchEndPos);
if (touchPosDiff > 0 + ignoreTouch) {
testimLeftArrow.click();
} else if (touchPosDiff < 0 - ignoreTouch) {
testimRightArrow.click();
} else {
return;
}
})
}
</script>
<script>
$(window).scroll(function(){
if ($(this).scrollTop() > 50) {
$('#navbar').addClass('newClass');
} else {
$('#navbar').removeClass('newClass');
}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.0/vanilla-tilt.min.js" integrity="sha512-RX/OFugt/bkgwRQg4B22KYE79dQhwaPp2IZaA/YyU3GMo/qY7GrXkiG6Dvvwnds6/DefCfwPTgCXnaC6nAgVYw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
</body>
</html>