ok

Mini Shell

Direktori : /home/importfo/public_html/inddigmedia.in/
Upload File :
Current File : /home/importfo/public_html/inddigmedia.in/google-ads-company-ahmedabad.php

<!DOCTYPE html>
<html lang="en">

<head lang="en">
    

        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-64YTE8NFF4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-64YTE8NFF4');
</script>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Best Google Ads Agency in Ahmedabad.</title>

	<link rel="shortcut icon" sizes="180x180" href="img/favicon/favicon.png">

	<meta name="description" content="Best Google Ads Agency in Ahmedabad | Effective Ad Campaigns.">
	<meta name="keywords" content="Maximize your return on investment with Ahmedabad's top Google Ads agency. Expert Ads management services that will produce results and help your business grow.">

	<link rel="stylesheet" type="text/css" href="css/fonts.css">
	<link rel="stylesheet" type="text/css" href="css/crumina-fonts.css">
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/grid.css">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/blocks.css">
	<link rel="stylesheet" type="text/css" href="css/layouts.css">
	<link rel="stylesheet" type="text/css" href="css/modules.css">
	<link rel="stylesheet" type="text/css" href="css/widgets-styles.css">
	<link rel="stylesheet" type="text/css" href="css/ion.rangeSlider.css">

	<!--Plugins styles-->

	<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/primary-menu.css">
	<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
	<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
	
		<style>
	/*@import url("https://fonts.googleapis.com/css?family=Hind:300,400&display=swap");*/

:root {
  --color-text: hsl(248, 10%, 40%);
  --color-text-muted: hsl(248, 10%, 40%);
  --color-purple: slateblue;
}

/** {*/
/*  box-sizing: border-box;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/



.accordion {
  /*width: 42rem;*/
  padding: 1.2rem 0;
  border-radius: 1rem;
  background: white;
  /*   box-shadow: 0 0 5rem lightgrey; */
}

.accordion__heading {
  margin-bottom: 1rem;
  padding: 0 1.4rem;
}

.accordion__item:not(:last-child) {
  border-bottom: 1px solid lightgrey;
}

.accordion__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.2rem 1.4rem;
  background: white;
  border: none;
  outline: none;
  color: var(--color-text);
  font-size: 1.2rem;
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
}
.accordion__btn:hover {
  color: var(--color-purple);
  background: hsl(248, 53%, 97%);
}

.accordion__item--active .accordion__btn {
  color: var(--color-purple);
  border-bottom: 2px solid var(--color-purple);
  background: hsl(248, 53%, 97%);
}

.fa-lightbulb {
  padding-right: 1rem;
}
.accordion__icon {
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  opacity: 0.9;
}
.accordion__item--active .accordion__icon {
  transform: rotate(135deg);
}

.accordion__content {
  font-weight: 300;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  color: var(--color-text-muted);
  transform: translateX(16px);
  transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}
.accordion__content p {
  padding: 1rem 1.8rem;
}

.accordion__item--active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
  max-height: 100vh;
}

</style>
</head>
<body class=" "><!-- Preloader -->


<!-- Header -->

<?php include("top.php") ?>


<!-- ... End Header -->

<!-- Right-menu -->

<?php include("popup.php") ?>

<!-- ... End Right-menu -->

<div class="content-wrapper">

	<!-- Stunning-header -->
	
<!-- Main Slider -->
	<div class="container-full-width">
		<div class="swiper-container main-slider" data-effect="fade" data-autoplay="4000">
			<!-- Additional required wrapper -->
			<div class="swiper-wrapper">
				<!-- Slides -->
				<div class="swiper-slide  main-slider-bg-dark thumb-left" style="background-color:rgb(237, 187, 153);">
					<div class="container table">
						<div class="row table-cell">
							<div class="col-lg-5 table-cell">
								<div class="slider-content">
									<h3 class="slider-content-title" data-swiper-parallax="">
										<span class="c-dark">   Google Ads  </span>
										</h3>
									<h6 class="slider-content-text" data-swiper-parallax="">
                                   Our specialized Google Ads services can help you maximize your reach and ROI. We develop planned, data-driven campaigns that link you with the proper audience and produce measurable results.

									</h6>
								</div>
							</div>
							<div class="col-lg-7 table-cell">
								<div class="slider-thumb" data-swiper-parallax="" data-swiper-parallax-duration="">
									<img src="img/GoogleAds.png" alt="slider">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ... End Main Slider -->



	<!-- End Stunning-header -->

	<!-- Overlay Search -->

	<div class="overlay_search">
		<div class="container">
			<div class="row">
				<div class="form_search-wrap">
					<form>
						<input class="overlay_search-input" placeholder="Type and hit Enter..." type="text">
						<a href="#" class="overlay_search-close">
							<span></span>
							<span></span>
						</a>
					</form>
				</div>
			</div>
		</div>
	</div>

	<!-- End Overlay Search -->

	<div class="container">
	   
	 
		<div class="row pt120">
			<div class="col-lg-12">
				<div class="heading mb30">
					<h4 class="h1 heading-title">Best Google Ads Company in Ahmedabad</h4>
					<div class="heading-line">
						<span class="short-line"></span>
						<span class="long-line"></span>
					</div>

				
				</div>
			</div>

			<div class="col-lg-12">
			    
			    
				<div class="col-lg-6">
					<p style="text-align: justify;">Would you like to expand the reach of your internet business? Are you looking to spend money on Google Ads but aren't sure where to start? Do not worry anymore. Inddig Media Ahmedabad provides an excellent Google Ads service that is well worth the price.
Inddig Media Digital Marketing Agency designs Google Ads after completing thorough research. A team of professionals refines the best strategies for scaling your business and reaching more potential customers using their innovative methodology.


					<br/>
					<br/>
			
            Before beginning any Google Ads campaign, our team of Google Ad Specialists holds a brief chat with the clients. Furthermore, this allows them to better grasp our clients' specific demands. Following constructive talks, the team creates the framework under which we will carry out the entire project.
				<br/>
					<br/>
				We execute projects with complete transparency at all levels, allowing our clients to monitor progress. All of this makes us the top Google Ads Management Company in Ahmedabad.
				
				</p>
				</div>
				<div class="col-lg-6">
					<img src="img/localseo/BestGoogleAdsPPCCompanyinAhmedabad.jpg">
				</div>
				
			</div>

			

		</div>
	</div>

 <div class="container">
	   
	 
		<div class="row pt120">
			<div class="col-lg-12">
				<div class="heading mb30">
					<h4 class="h1 heading-title">Google Ads</h4>
					<div class="heading-line">
						<span class="short-line"></span>
						<span class="long-line"></span>
					</div>

				
				</div>
			</div>

			<div class="col-lg-12">
			    	<div class="col-lg-6">
					<img src="img/localseo/GoogleAdsPPC.jpg">
				</div>
				<div class="col-lg-6">
					<p style="text-align: justify;">Google Ads is a type of paid advertising approach in which you can launch an ad campaign by paying Google. So we ensure that our customers' money invested in Google Ads yields a higher ROI.
					<br/><br>
					
			 <b>We have simplified the entire procedure so that every client, regardless of niche, can grasp it.  : </b>
               
				<ul>
			    <li>First, we identify the client's niche and subdomain (if any).</li><br>
			    <li>We research existing competitors to easily outrank them.</li><br>
			    <li>After analyzing the market and rivals, we select keywords that are popular and affordable. </li><br>
			    <li>Improved campaign design with well-curated meta tag descriptions.</li><br>
			    <li>As a last stage, we include a call to action to attract more leads from the ad campaign. </li><br>
			    
			
			</ul>
				
				</p>
				</div>
			
				
			</div>

			
			
	<div class="col-lg-12">
					<p style="text-align: justify;">
Our job does not finish here because we live up to our reputation as the best Google Certified agency in Ahmedabad. After the campaign goes live, we monitor it to observe which keywords perform well and which do not. We make the appropriate changes based on the real-time report generated by our in-house team.
					<br/>
					
			 
               
				
				
				</p>
				</div>
		</div>
	</div>


	<div class="" style="   background-color: #f4f9f99c;;
    background-size: cover;     padding: 50PX;
    color: black;">
	   
	 
		<div class="row pt120">
			<div class="col-lg-12">
			<center>	<div class="heading mb30">
					<h4 class="h1 heading-title">The Purpose of Our Company</h4>
					<div class="heading-line">
						<span class="short-line"></span>
						<span class="long-line"></span>
					</div>

				
				</div></center>
			</div>

			<div class="col-lg-12">
			    
			    
				<div class="col-lg-12">
					<p style="text-align: justify;">We at Inddig Media believe that "you grow, we grow." We assist our clients in generating more leads from their Google Ads  strategy with a low-cost expenditure. Our team of specialists works tirelessly and enthusiastically to achieve the greatest results. Our team of specialists creates the finest campaign to demonstrate measurable outcomes.

				
				</p>
				</div>
				<!--<div class="col-lg-6">-->
				<!--	<img src="img/localseo/TheObjectiveOfOurCompany.png">-->
				<!--</div>-->
				
			</div>

			

		</div>
	</div>

 <div class="container">
	   
	 
		<div class="row pt120">
			<div class="col-lg-12">
				<div class="heading mb30">
					<h4 class="h1 heading-title">Google Ads Services Provided by Us</h4>
					<div class="heading-line">
						<span class="short-line"></span>
						<span class="long-line"></span>
					</div>

				
				</div>
			</div>

			<div class="col-lg-12">
			    	<div class="col-lg-6">
					<img src="img/localseo/GoogleAdsPPCservices.jpg">
				</div>
				<div class="col-lg-6">
					<p style="text-align: justify;">We take satisfaction in being regarded as the best Google Ads business in Ahmedabad. After over a hundred satisfied clients and six years of success, Inddig Media is a brand that is honing its craft. We have been providing the greatest results to our clients. Furthermore, we have a solid long-term relationship with them.
			 
                    Our Google Ads marketing services include:<br>
                         
                     </br>
           If you want a Google Ads marketing service in Ahmedabad or anywhere globally, contact us to get value-added Google paid advertising service.

				
				

				</div>
			
				
			</div>

		
			

		</div>
	</div>


<div class="container-fluid">
		<div class="row">
			<div class="background-mountains medium-padding120 scrollme">

			
<div class="col-lg-12">
				<div class="heading mb30">
					<center><h4 class="h1 heading-title">Product</h4></center>
				<center>	<div class="heading-line">
						<span class="short-line"></span>
						<span class="long-line"></span>
					</div></center>

				
				</div>
			</div>
				<div class="container">
				
				
					<div class="row">
						<div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/TargetedLocation.png" alt="image" style="    height: 85px;
                                    background-color: #edc334;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Targeted Location</h4>
									<p class="text">Google Ads is a great approach to target a certain area with your ads. You can target ads at people in a specific nation, area, or city. You may even tailor adverts to those looking for similar businesses in a specific location.
									</p>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/Keyword&AdGrouping.png" alt="image" style="    height: 85px;
                                    background-color: #ffac5a;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Keyword & Ads Grouping</h4>
									<p class="text">Google advertising has numerous tools that can help you target your advertising more efficiently. One of these is keyword grouping, which allows you to group related terms for better focused ad campaigns.
									</p>
								</div>
							</div>
						</div>
						
                        <div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/LandingPageFormation.png" alt="image" style="    height: 85px;
                                    background-color: #579336;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Landing Page Formation</h4>
									<p class="text">Google Ads allows you to set up a landing page for your ad campaign. This landing page will be the destination for your ad click-throughs. You can utilize the landing page to provide further details about your product or service.
									</p>
								</div>
							</div>
						</div>
	                    <div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/TrackingImplementation.png" alt="image" style="    height: 85px;
                                    background-color: #19cffc;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Tracking Implementation</h4>
									<p class="text">As a business owner, you're constantly looking for methods to improve your marketing strategies and track your progress. Google Ads is an excellent way to accomplish both of these objectives.
									</p>
								</div>
							</div>
						</div>
						 <div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/KeywordBidManagement.png" alt="image" style="    height: 85px;
                                    background-color: #e15d75;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Keyword Bid Management</h4>
									<p class="text">Bid management is the process of adjusting your keyword bids in order to appear higher in search results.
									</p>
								</div>
							</div>
						</div>
					
                            <div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
							<div class="info-box--standard-centered">
								<div class="info-box-image">
									<img src="img/localseo/CampaignLaunch.png" alt="image" style="    height: 85px;
                                    background-color: #00c8c8;
                                    padding: 12px;
                                    border-radius: 30px 0px 30px 0px;">
								</div>
								<div class="info-box-content">
									<h4 class="info-box-title">Campaign Launch</h4>
									<p class="text">We're certain that this campaign will be successful, and we're excited to help more businesses develop with Google Ads.


									</p>
								</div>
							</div>
						</div>
					
                            
						
					</div>
				</div>


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

	<!-- Skills -->



	<!-- End Skills -->

	<!-- FAQ -->


	<!-- End FAQ -->

	<!-- Info Box -->

	

	<!-- End Info Box -->


	<!-- Contact Form -->


	

	<!-- End Contact Form -->



</div>

<!-- Footer -->


<?php include("footer.php") ?>

<!--  End Footer -->


<svg style="display:none;">
	<symbol id="arrow-left" viewBox="122.9 388.2 184.3 85">
		<path d="M124.1,431.3c0.1,2,1,3.8,2.4,5.2c0,0,0.1,0.1,0.1,0.1l34.1,34.1c1.6,1.6,3.7,2.5,5.9,2.5s4.3-0.9,5.9-2.4
		c1.6-1.6,2.4-3.7,2.4-5.9s-0.9-3.9-2.4-5.5l-19.9-19.5h11.1c1.5,0,2.7-1.5,2.7-3c0-1.5-1.2-3-2.7-3h-17.6c-1.1,0-2.1,0.6-2.5,1.6
		c-0.4,1-0.2,2.1,0.6,2.9l24.4,24.4c0.6,0.6,0.9,1.3,0.9,2.1s-0.3,1.6-0.9,2.1c-0.6,0.6-1.3,0.9-2.1,0.9s-1.6-0.3-2.1-0.9
		l-34.2-34.2c0,0,0,0,0,0c-0.6-0.6-0.8-1.4-0.9-1.9c0,0,0,0,0,0c0-0.2,0-0.4,0-0.6c0.1-0.6,0.3-1.1,0.7-1.6c0-0.1,0.1-0.1,0.2-0.2
		l34.1-34.1c0.6-0.6,1.3-0.9,2.1-0.9s1.6,0.3,2.1,0.9c0.6,0.6,0.9,1.3,0.9,2.1s-0.3,1.6-0.9,2.1l-24.4,24.4c-0.8,0.8-1,2-0.6,3
		c0.4,1,1.4,1.7,2.5,1.7h125.7c1.5,0,2.7-1,2.7-2.5c0-1.5-1.2-2.5-2.7-2.5H152.6l19.9-20.1c1.6-1.6,2.4-3.8,2.4-6s-0.9-4.4-2.4-6
		c-1.6-1.6-3.7-2.5-5.9-2.5s-4.3,0.9-5.9,2.4l-34.1,34.1c-0.2,0.2-0.3,0.3-0.5,0.5c-1.1,1.2-1.8,2.8-2,4.4
		C124.1,430.2,124.1,430.8,124.1,431.3C124.1,431.3,124.1,431.3,124.1,431.3z"></path>
		<path d="M283.3,427.9h14.2c1.7,0,3,1.3,3,3c0,1.7-1.4,3-3,3H175.1c-1.5,0-2.7,1.5-2.7,3c0,1.5,1.2,3,2.7,3h122.4
		c4.6,0,8.4-3.9,8.4-8.5c0-4.6-3.8-8.5-8.4-8.5h-14.2c-1.5,0-2.7,1-2.7,2.5C280.7,426.9,281.8,427.9,283.3,427.9z"></path>
	</symbol>
	<symbol id="arrow-right" viewBox="122.9 388.2 184.3 85">
		<path d="M305.9,430.2c-0.1-2-1-3.8-2.4-5.2c0,0-0.1-0.1-0.1-0.1l-34.1-34.1c-1.6-1.6-3.7-2.5-5.9-2.5c-2.2,0-4.3,0.9-5.9,2.4
		c-1.6,1.6-2.4,3.7-2.4,5.9s0.9,4.1,2.4,5.7l19.9,19.6h-11.1c-1.5,0-2.7,1.5-2.7,3c0,1.5,1.2,3,2.7,3h17.6c1.1,0,2.1-0.7,2.5-1.7
		c0.4-1,0.2-2.2-0.6-2.9l-24.4-24.5c-0.6-0.6-0.9-1.3-0.9-2.1s0.3-1.6,0.9-2.1c0.6-0.6,1.3-0.9,2.1-0.9c0.8,0,1.6,0.3,2.1,0.9
		l34.2,34.2c0,0,0,0,0,0c0.6,0.6,0.8,1.4,0.9,1.9c0,0,0,0,0,0c0,0.2,0,0.4,0,0.6c-0.1,0.6-0.3,1.1-0.7,1.6c0,0.1-0.1,0.1-0.2,0.2
		l-34.1,34.1c-0.6,0.6-1.3,0.9-2.1,0.9s-1.6-0.3-2.1-0.9c-0.6-0.6-0.9-1.3-0.9-2.1s0.3-1.6,0.9-2.1l24.4-24.4c0.8-0.8,1-1.9,0.6-2.9
		c-0.4-1-1.4-1.6-2.5-1.6H158.1c-1.5,0-2.7,1-2.7,2.5c0,1.5,1.2,2.5,2.7,2.5h119.3l-19.9,20c-1.6,1.6-2.4,3.7-2.4,6s0.9,4.4,2.4,5.9
		c1.6,1.6,3.7,2.5,5.9,2.5s4.3-0.9,5.9-2.4l34.1-34.1c0.2-0.2,0.3-0.3,0.5-0.5c1.1-1.2,1.8-2.8,2-4.4
		C305.9,431.3,305.9,430.8,305.9,430.2C305.9,430.2,305.9,430.2,305.9,430.2z"></path>
		<path d="M146.7,433.9h-14.2c-1.7,0-3-1.3-3-3c0-1.7,1.4-3,3-3h122.4c1.5,0,2.7-1.5,2.7-3c0-1.5-1.2-3-2.7-3H132.4
		c-4.6,0-8.4,3.9-8.4,8.5c0,4.6,3.8,8.5,8.4,8.5h14.2c1.5,0,2.7-1,2.7-2.5C149.3,434.9,148.1,433.9,146.7,433.9z"></path>
	</symbol>
	<symbol id="to-top" viewBox="0 0 32 32">
		<path d="M17,22 L25.0005601,22 C27.7616745,22 30,19.7558048 30,17 C30,14.9035809 28.7132907,13.1085075 26.8828633,12.3655101
         L26.8828633,12.3655101 C26.3600217,9.87224935 24.1486546,8 21.5,8 C20.6371017,8 19.8206159,8.19871575 19.0938083,8.55288165
         C17.8911816,6.43144875 15.6127573,5 13,5 C9.13400656,5 6,8.13400656 6,12 C6,12.1381509 6.00400207,12.275367 6.01189661,12.4115388
          L6.01189661,12.4115388 C4.23965876,13.1816085 3,14.9491311 3,17 C3,19.7614237 5.23249418,22 7.99943992,22 L16,22 L16,16 L12.75,19.25
           L12,18.5 L16.5,14 L21,18.5 L20.25,19.25 L17,16 L17,22 L17,22 Z M16,22 L16,27 L17,27 L17,22 L16,22 L16,22 Z" id="cloud-upload"></path>
	</symbol>

</svg>

<!-- JS Script -->

<script src="js/jquery-3.4.1.js"></script>

<script src="js/js-plugins/crum-mega-menu.js"></script>
<script src="js/js-plugins/swiper.jquery.min.js"></script>
<script src="js/js-plugins/waypoints.js"></script>
<script src="js/js-plugins/jquery.drawsvg.js"></script>
<script src="js/js-plugins/jquery-countTo.js"></script>
<script src="js/js-plugins/jquery.mousewheel.js"></script>
<script src="js/js-plugins/jquery.mCustomScrollbar.js"></script>
<script src="js/js-plugins/imagesLoaded.js"></script>
<script src="js/js-plugins/jquery.magnific-popup.js"></script>
<script src="js/js-plugins/jquery.matchHeight.js"></script>
<script src="js/js-plugins/segment.js"></script>
<script src="js/js-plugins/bootstrap.js"></script>
<script src="js/js-plugins/jquery-circle-progress.js"></script>
<script src="js/js-plugins/Headroom.js"></script>
<script src="js/js-plugins/smooth-scroll.js"></script>
<script src="js/js-plugins/jquery.nice-select.js"></script>
<script src="js/js-plugins/fastClick.js"></script>
<script src="js/js-plugins/form-actions.js"></script>
<script src="js/js-plugins/velocity.js"></script>
<script src="js/js-plugins/time-line.js"></script>
<script src="js/js-plugins/ScrollMagic.min.js"></script>
<script src="js/js-plugins/animation.velocity.min.js"></script>
<script src="js/js-plugins/ajax-pagination.js"></script>
<script src="js/js-plugins/donut-chart.js"></script>
<script src="js/js-plugins/isotope.pkgd.min.js"></script>
<script src="js/js-plugins/photo-gallery.js"></script>
<script src="js/js-plugins/ion.rangeSlider.js"></script>
<script src="js/js-plugins/leaflet.js"></script>
<script src="js/js-plugins/MarkerClusterGroup.js"></script>

<script src="js/main.js"></script>

<script>
	// select all accordion items
const accItems = document.querySelectorAll(".accordion__item");

// add a click event for all items
accItems.forEach((acc) => acc.addEventListener("click", toggleAcc));

function toggleAcc() {
  // remove active class from all items exept the current item (this)
  accItems.forEach((item) =>
    item != this ? item.classList.remove("accordion__item--active") : null
  );

  // toggle active class on current item
  if (this.classList != "accordion__item--active") {
    this.classList.toggle("accordion__item--active");
  }
}

</script>

<!-- ...end JS Script -->

</body>

</html>



Zerion Mini Shell 1.0