HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/htl-australia/
Current File : /home/htlwork.com/www/dev/htl-australia/mobile-app-development.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Best Website Designing & Development Company in Chandigarh</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
	
	
	<link href="https://fonts.googleapis.com/css2?family=Madimi+One&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">  
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">	
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->   

<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

	
</head>
<body>
<header class="header">    
  <nav>
    <div class="container-fluid">
      <div class="navbar">
        
		<i class='fa fa-navicon bx bx-menu'></i>
	    <div class="logo"><a href="#"><img src="images/logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa-solid fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li><a href="index.html">Home</a></li>
			
			<li class="main-menu">
              <a>About</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
				<li><a href="about-company.html">About Company</a></li>
				<li><a href="our-vision.html">Our Vision</a></li>
				<li><a href="our-team.html">Our Team</a></li>
              </ul>
            </li>
			
			<li class="main-menu">
              <a>Services</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="website-designing.html">Website Designing</a></li>
				<li><a href="software-development.html">Software Development</a></li>
				<li><a href="mobile-app-development.html">Mobile App Development</a></li>
				<li><a href="e-commerce-development.html">E-Commerce Development</a></li>
              </ul>
            </li>
			
			<li><a href="portfolio.html">Portfolio</a></li>
			<li><a href="career.html">Career</a></li>
			
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
        </div>
		
		<div class="call-us">
		  <a href="tel:0406892180" class="btn"><i class="fa fa-volume-control-phone"></i>0406892180 <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
		</div>
		
		<div class="phone-call">
		  <a href="#" class="btn">Get Started Now <i class="fa-solid fa-arrow-right"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
		</div>		
		
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nac -->
</header>

<section class="banner-inner" id="Home">  
  <div class="textblock">
	<div class="container">
	  <h1>Mobile App Development</h1>  
	</div>
  </div>
  
  <div class="breadcrumb-wrap">
	<div class="container">
	  <ol class="breadcrumb">
	    <li><a href="index.html"><span class="fa fa-home"></span> Home</a></li>
		<li><a>Mobile App Development</a></li>
	  </ol>
	</div>
  </div>  
</div>
</section><!--/ banner -->

<section class="single-info">
  <div class="container">
	<div class="row align-items-center">
	  
	  <div class="col-sm-6 left-area mrb-30">
        <div class="sub-title"><span>Co-create Beautiful Visual User Experience Design</span></div>
		<h2>Best Mobile App Development Australia</h2>
		<p>No escape from mobile applications is possible. Even if you are a large organization, a small to medium business, a startup, or a one-man business, you have to be digital! If you are ready and able to sustain and be successful in this competitive digital marketplace, you must have an online presence. Mobile apps have become a dominant form of digital interaction in this digital world.</p>
		<p>With more and more people accessing the internet through smartphones, having a mobile app for your business gives you the distinctive power of ensuring you reach them quickly.</p>
	  </div><!--/ left-area -->
	  
	  <div class="col-sm-6 right-area text-center mrb-30">
        <figure class="img-hover"><img src="images/services-03.jpg" alt="image"></figure>
	  </div><!--/ left-area -->
	  
	</div><!--/ row -->	
  </div>
</section>

<section class="single-info-grid best-app-developers">
  <div class="container">
    <div class="row row-flex align-items-center aos-init aos-animate" data-aos="zoom-in">
        
      <div class="col-sm-6 left-col mrb-30"> 
	    <h2>Hire Best app developers in Australia?</h2>
		<p>Some prediction shows that in 2020, around 3.5 million smartphone users will reach 3.8 million by 2021. However, when you consider the aforementioned facts and figures on usage and downloads of mobile applications, it is clear that many companies have realized the importance of having a mobile application for their business. That being said, 42% of small businesses are said to have a mobile app, and 30% of businesses are still hoping to launch an app in the future.</p>
		<p>A wide selection of services and products are offered by mobile app development company in Australia. So, investors began to migrate to the mobile field of the physical field of leaflet distribution, advertising printing. If you run a business and ultimately decide to develop a mobile phone app, you are swayed by a question: How much would it cost to hire an app developer in Australia?</p>
		<p>It is not a new fact that mobile devices have undergone a significant evolution in recent years. Developing applications for these mobile devices running Android, iOS, or Windows Mobile has become an interesting marketing tool, allowing companies to have a lasting and lasting impact. However, to be successful in this aspect of mobile app marketing, you need to hire the best developer.</p>
		<p><a href="#" class="btn">Get Started Now <i class="fa-solid fa-arrow-right"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a></p>
	  </div><!--/ col -->
	  
	  <div class="col-sm-6 right-col mrb-30"> 
	    <figure class="img-hover"><img src="images/best-app-developers.jpg" alt="image"></figure>
	  </div><!--/ col -->
      
    </div>
  </div>
</section>

<section class="family-text bg-none">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 mrb-30">
	    <h2>How to choose an app developer?</h2>
	  </div>
		    
		<div class="col-sm-4 family-col">
		  <div class="family-info p-4">
			<h4>Tip # 1: Compare multiple mobile app developers</h4>
			<p>There is no reason to only look at the profile of one or two providers and then choose one. Look everywhere, you will be amazed to see all that companies or providers in mobile application development can offer in terms of services, ranges of costs, quality of work. Looking at several profiles of mobile application developers will help you to have the best product at the best price.</p>
		  </div>
		</div><!--/ family-col -->
		
		<div class="col-sm-4 family-col">
		  <div class="family-info p-4">
		    <h4>Tip # 2: Request quotes for mobile apps</h4>
			<p>One thing that may seem obvious when it comes to working with an external service provider. However, some companies or service providers may lack communication, or may not provide realistic quotes or appropriate deadlines. Don't be fooled by well-worded slogans or other attempts to bait you. Make sure you have a service provider who can report to you on the progress of the project and respect deadlines.</p>
		  </div>
		</div><!--/ family-col -->
		
		<div class="col-sm-4 family-col">
		  <div class="family-info p-4">
			<h4>Tip # 3: Fully designed and personalized app</h4>
			<p>If you have a good idea for a mobile app, you need to make sure that your idea turns into an app that perfectly meets your expectations and meets your requirements. You can have a fully developed and customized application without spending too much. One more reason to look at quotes and services offered by several companies/providers at the same time.</p>
		  </div>
		</div><!--/ family-col -->
		
		<div class="col-sm-6 family-col">
		  <div class="family-info p-4">
			<h4>Tip # 4: Promote the mobile app</h4>
			<p>A few mobile app developers may offer marketing services to support and promote your app in the market. Having an app is like having a star in the sky, it can be amazing, but if no one knows it exists, it is definitely not going to sell. While most companies charge additional fees for promoting the app, there are a few developers who include this service in their mobile app development quotes.</p>
		  </div>
		</div><!--/ family-col -->
		
		<div class="col-sm-6 family-col">
		  <div class="family-info p-4">
			<h4>Tip # 5: Do not offer your idea of an app with no provisions</h4>
			<p>Always ask for a secure and proper project submission procedure at the time of submitting your mobile app idea. Some mobile app development agencies may tacitly accept your ideas, at the risk of altering, distorting your basic idea, or worse, stealing it from you. So always remember to protect your rights in order to reap all the benefits generated by your mobile application.</p>
		  </div>
		</div><!--/ family-col -->
				
	</div><!--/ row -->
  </div>
</section>

<section class="detail-text pad-t0 pad-b0">
  <div class="container">
    <div class="row">
	  		    
		<div class="col-sm-12">
		  <div class="info">
			<h3>How do I find application developers?</h3>
			<p>When recruiting application developers, every entrepreneur faces a challenge. Well, not only app designers but the best professionals who can help you achieve your business goals. You need to know the ins and outs of the industry before handing over your project to anyone. Based on their experience and abilities, the best mobile app development companies come close to the developer rate. This clearly illustrates that Android developers are more expensive than iOS developers. The entire development process and testing take a long time. So, select your developers or an iPhone app development company wisely.</p>
			<p>Seek advice from a few professionals to understand a few essentials if you are new to the mobile app development scene. Find out what programming languages are used, average outsourcing rates, and the best countries. Depending on your needs, this will help you choose the right technology partner. Here are some companies that can help you overcome this difficulty: Total-Top, Your Team in, Australia, India, Fiver, Up-work, Indeed, Get Done Apps, LinkedIn.</p>
		  </div><!--/ info -->
		
		  <div class="info">
		    <h3>Cost to develop an iOS mobile app in Australia?</h3>
			<p>Undoubtedly, one of the most common and yet the most important questions for newbies and businesses alike is the cost of developing the application. However, there is no online calculator that can find out the exact cost of developing the app. A realistic way to figure out how much an app is costing you is to look at the world's perfect mobile apps.</p>
			<p>To determine the expected value for developing a similar app, find the app that strongly matches your goal, recognizes its characteristics, functionality, complexity, value proposition, technology stack, and other elements. Otherwise, the calculation - Features x Development time x Developer hourly rate = Final cost "is the most reliable and simplest way to estimate the cost.</p>
			<p>In different regions, the average cost of hiring iOS app developers is different, but keep in mind that the developer cost per hour depends on their experience and individual skills.</p>
		  </div><!--/ info -->
		
		  <div class="info">
		    <h3>Our commitment</h3>
			<p>We, at <a href="https://www.htlogics.com/">www.htlogics.com</a>, will provide you with qualified and highly qualified employees. We will give you the flexibility to make your decisions. You will get the job done with good quality and no compromise. Low-cost work we guarantee your satisfaction.</p>
		  </div><!--/ info -->
		  
		  <div class="info">
		    <h3>How does a developer work?</h3>
			<p>As soon as you decide to hire us for your mobile application project, we will send you the CVs of programmers that are especially suited for your project. You can set up phone or interview-based chats with any number of them and then call the team you would like to assign to your project. We will then turn your project over to one of our many project managers, who will contact you (as well as programmers on a daily basis) for all further communications, updates, and inquiries if any. You are always up to date with the events of the project.</p>
		  </div><!--/ info -->
		  
		  <div class="info">
		    <h3>The highlights of our interaction model are as follows:</h3>
			<p>Specify the deadline for hiring - hourly, weekly or monthly. Working hours per week: 40 hours (8 hours a day, 5 days a week). Billing weekly / monthly. Daily / Weekly teleconference reporting according to your needs. Timely email communication and preferred messenger. All source code and intellectual property rights will always belong to you. A dedicated manager and technical lead for regular support and feedback.</p>
			<p>To hire a mobile app developer, fill out the quick contact form and our representative will contact you to provide you with more information on how to hire a developer. Contact with us, App development Australia.</p>
			<p>Mobile app development plays an important role in improving the business for customers by speeding up and enhancing the security of business transactions. If you are looking for a leading Android and iPhone app development company to improve your business, then www.htlogics.com is a trusted mobile app development company offering the best mobile app development services at competitive prices. We develop attractive mobile apps that can help you reach the maximum number of customers, as well as increase brand awareness among customers.</p>
		  </div><!--/ info -->
		  
		  <div class="info">
		    <h3>Our experience in developing Android apps:</h3>
			<p>We have a team with extensive experience in mobile app development that can create custom-rich and highly functional mobile apps that help keep your business on the next level. Our developers are experienced enough to turn your unique business ideas into reality with quality and on time and budget.</p>
		  </div><!--/ info -->
		  
		  <div class="info">
		    <h3>Our experience in iOS app development:</h3>
			<p>Our custom application development services will be performed in such a way as to easily attract a huge number of customers to use the application that will take your business to the next level. We create mobile apps for many industries for both beginners and large enterprises.</p>
			<p>Contact us now and find out how we can make a difference to your business with our intuitive mobile apps.</p>
	      </div><!--/ info -->
		  
		  <div class="info">
		    <h3>Types of mobile app developers</h3>
			<p>Among the companies that provide services for the production of mobile applications, the following types can be distinguished:</p>
			<p>Freelancers. They are lone professionals (or non-professionals). The concluded contract obliges me to complete the work on time. Using freelance services is the riskiest and least reliable.</p>
			<p>Companies that use templates and builders. Companies create applications based on already developed layouts with individual variations.</p>
		  </div><!--/ info -->
		  
		  <div class="info">
		    <h3>Custom Mobile App Development Company Australia:</h3>
			<p>The latter type of company can be divided into two subtypes:</p>
			<p>Working with outsourcing specialists. In this case, the company engages outside performers to perform some stages of production.</p>
			<p>Having their own team of full-time professionals. The customer has a full-time staff of designers, programmers, designers, and testers at his service.</p>
			<p>The choice of this or that type of developer entirely depends on the tasks that you assign to the application. It is important to take into account not only current wishes but also the prospects for product development in the future. A simple application with common functions can be made on a constructor by freelancers. A complex application with unique functionality that requires integration with the internal system of the enterprise is a matter of solution by a seriously qualified team of web developers, web designers, and layout designers. In this case, your choice is a full-cycle company.</p>
			<p>The question of whether a company uses outsourcing specialists or not should be asked without fail. The use of outsourcing services adds an additional link to the development chain, which, on the one hand, can increase the speed of development, and on the other, it increases the risks of not completing tasks. Here you need to carefully study both the company and its partners, so as not to be mistaken with the choice.</p>
		  </div><!--/ info -->
				
	    </div><!--/ col -->
		
	</div><!--/ row -->
  </div>
</section>

<section class="expertise-section services-expertise services-single-expertise pad-t40 pad-b40">
  <div class="container">
    <div class="row mrb-30">
	  <div class="col-sm-6 left-info">
		<div class="heading-section anim pt-6 in-view">
		  <div class="sub-title"><span>We design your websites</span></div>
		  <h2 class="">With the latest technology</h2>
		</div>
	  </div>
	  
	  <div class="col-sm-6 right-info">
	    <p class="anim-box">Our human-first design principles, combined withpowerful web technologies and a device-agnosticapproach ensures that our clients are able toleverage the full power and might of webplatforms. Here’s our secret recipe.</p>
	  </div>
	</div><!--/ row -->
	  
    <div class="row">
	  <div class="col-sm-4 mrb-30 services-expertise-col">
	    <div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>01</h2>
			<h3>Need Analysis</h3>
			<p>Our business analysts will decode the needs of your audience, understand your business objectives.</p>
		  </div>
		</div>
	  </div><!--/ expertise-col -->
	  
	  <div class="col-sm-4 mrb-30 services-expertise-col">
	    <div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>02</h2>
			<h3>Strategic Research</h3>
			<p>Our team will conduct in-depth strategic research to understand the needs and requirements of your business, concerning web platforms.</p>
		  </div>
		</div>
	  </div><!--/ expertise-col -->
	  
	  <div class="col-sm-4 mrb-30 services-expertise-col">
	    <div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>03</h2>
			<h3>Web Concept Development</h3>
			<p>We will brainstorm ideas and concepts related to web platforms that your business needs for triggering hyper-growth.</p>
		  </div>
		</div>
	  </div><!--/ expertise-col -->
	  
	  <div class="col-sm-4 mrb-30 services-expertise-col">
		<div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>04</h2>
			<h3>UX Prototyping</h3>
			<p>Based on the approved concepts, we will develop UX and UI prototypes of the web platform, and seek your inputs.</p>
		  </div>
	    </div>
	  </div><!--/ expertise-col -->
	  
	  <div class="col-sm-4 mrb-30 services-expertise-col">
	    <div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>05</h2>
			<h3>Web Development</h3>
			<p>Once the design and UX are finalized, we will initiate web development using some of the most powerful web technologies.</p>
		  </div>
		</div>
	  </div><!--/ expertise-col -->
	  
	  <div class="col-sm-4 mrb-30 services-expertise-col">
	    <div class="expertise-info text-white p-4 h-100">
		  <div class="bottom-area">
			<h2>06</h2>
			<h3>Testing &amp; QA</h3>
			<p>We will rigorously test the web platforms with various scenarios, and user behavior and remove all bugs, or anomalies that can hamper the user experience.</p>
		  </div>
		</div>
	  </div><!--/ expertise-col -->
	
	</div><!--/ row  -->
  </div>
</section>  

<section class="contact-wrap pad-t10">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-12 contact-left text-center mrb-30 aos-init" data-aos="zoom-in">
	    <div class="contact-padd">
		  <div class="sub-title"><span>Request a free consultation with us</span></div>
		  <h2>Want to talk about your Project</h2>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
		  <!--p><a href="#" class="active-btn">You accept our policy</a></p-->
        </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 contact-right aos-init" data-aos="zoom-in">
	    <form>
		  <div class="form-group col-sm-6"><input class="form-control" placeholder="Your Name" value="" type="text" name=""></div>
		  
		  <div class="form-group col-sm-6"><input class="form-control" placeholder="Business Email" value="" type="text" name=""></div>
		  
		  <div class="form-group col-sm-6"><input class="form-control" placeholder="Company Name" value="" type="text" name=""></div>
		  
		  <div class="form-group col-sm-6"><input class="form-control" placeholder="Contact No" value="" type="text" name=""></div>
		  
		  <div class="form-group col-sm-6"><select name="cars" class="form-control" placeholder="Budget Range"><option value="Budget Range">Budget Range</option> <option value="25000">25000</option> <option value="50000">50000</option> <option value="100000">100000</option></select></div>
		  
		  <div class="form-group col-sm-6"><input class="form-control" placeholder="Skype ID (Optional)" value="" type="text" name=""></div>
		  
		  <div class="form-group col-sm-12"><textarea class="form-control" placeholder="Your Message"></textarea></div>
		  
		  <div class="form-group col-sm-12 text-center">
			<p class="terms-conditions">By submitting this form you acknowledge that you have read <a href="#">Terms and Conditions</a></p>
		  </div>
		  
		  <div class="form-group col-sm-12 text-center mrb-0">
		    <div class="btn"><input type="submit" class="submit" value="Submit" name="Submit"> <i class="fa-solid fa-arrow-right"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a></div>
		  </div>
		</form>
      </div><!--/ col-sm -->
         
    </div><!--/ row -->	
  </div>
</section>

<footer class="footer">  
  <div class="back-to-top scroll"><a href="#Home" class="BackTo"><i class="fa fa-angle-up" aria-hidden="true"></i></a></div>
  <script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  
  <div class="container">
    <div class="row"> 
	  
	  <div class="col-sm-3 footer-col">
	    <div class="wg-1">
		  <div class="ft-logo"><a href="#"><img src="images/logo-ft.png" al="image"></a></div>
		  <p>HT Logics is here to help you with all your needs.</p>
		  
		  <address class="pad-t10">
		    <p><a href="tel:0406892180"><span>P :</span> 0406892180</a></p>
			<p><a href="mailto:info@htlogics.com"><span>E :</span> info@htlogics.com</a></p>
		  </address>
		  <h5>Our location</h5>
		  <p class="mrb-10">2 Dorland street Nirimba Fields NSW</p>
		  <p class="f16"><a href="#" target="blank">View on Google Maps</a></p>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
	  <div class="col-sm-3 footer-col">
	    <div class="wg-1">
		  <h4>Hours of operation</h4>
		  <ul class="time-table mrb-30">
		    <li>Monday to Friday: <span>7:00am - 6:30pm</span></li>
			<li>Saturday: <span>8:30am - 5:30pm</span></li>
			<li>Sunday: <span>9:00am - 3:00pm</span></li>
		  </ul>
		  
		  <h4>Follow Us</h4>
		  <div class="icon-ft">
		    <a target="_blank" href="#"><i class="fa-brands fa-facebook-f facebook"></i></a>
			<a target="_blank" href="#"><i class="fa-brands fa-instagram instagram"></i></a>
			<a target="_blank" href="#"><i class="fa-brands fa-linkedin linkedin"></i></a>
		  </div>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
	  <div class="col-sm-3 footer-col">
	    <div class="wg-1">
		  <h4>Quick Links</h4>
		  <ul>
		    <li><a href="index.html">Home</a></li>
			<li><a href="about-company.html">About Company</a></li>
			<li><a href="our-vision.html">Our Vision</a></li>
			<li><a href="our-team.html">Our Team</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
			<li><a href="career.html">Career</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
		  </ul>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
	  <div class="col-sm-3 footer-col">
	    <div class="wg-1">
		  <h4>Services</h4>
		  <ul>
		    <li><a href="website-designing.html">Website Designing</a></li>
			<li><a href="software-development.html">Software Development</a></li>
			<li><a href="mobile-app-development.html">Mobile App Development</a></li>
			<li><a href="e-commerce-development.html">E-Commerce Development</a></li>
		  </ul>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
    </div><!-- row -->            
  </div><!--/ container -->       
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12 text-center"><p>Copyright © 2024 All Rights Reserved with H T LOGICS PVT. LTD.</p></div>	
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>

<script>
		  var words = document.getElementsByClassName('word');
var wordArray = [];
var currentWord = 0;

words[currentWord].style.opacity = 1;
for (var i = 0; i < words.length; i++) {
  splitLetters(words[i]);
}

function changeWord() {
  var cw = wordArray[currentWord];
  var nw = currentWord == words.length-1 ? wordArray[0] : wordArray[currentWord+1];
  for (var i = 0; i < cw.length; i++) {
    animateLetterOut(cw, i);
  }
  
  for (var i = 0; i < nw.length; i++) {
    nw[i].className = 'letter behind';
    nw[0].parentElement.style.opacity = 1;
    animateLetterIn(nw, i);
  }
  
  currentWord = (currentWord == wordArray.length-1) ? 0 : currentWord+1;
}

function animateLetterOut(cw, i) {
  setTimeout(function() {
		cw[i].className = 'letter out';
  }, i*80);
}

function animateLetterIn(nw, i) {
  setTimeout(function() {
		nw[i].className = 'letter in';
  }, 340+(i*80));
}

function splitLetters(word) {
  var content = word.innerHTML;
  word.innerHTML = '';
  var letters = [];
  for (var i = 0; i < content.length; i++) {
    var letter = document.createElement('span');
    letter.className = 'letter';
    letter.innerHTML = content.charAt(i);
    word.appendChild(letter);
    letters.push(letter);
  }
  
  wordArray.push(letters);
}

changeWord();
setInterval(changeWord, 4000);
</script>

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:true,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:2
        },
        600:{
            items:4
        },
        1000:{
            items:6
        }
    }
})  

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})  

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:3
        }
    }
})  
</script>
		
<script>        
// Wrap the counter animation in a function
function startCounterAnimation(target) {
    $(target).prop('Counter', 0).animate({
        Counter: $(target).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(target).text(Math.ceil(now));
        }
    });
}

// Use Intersection Observer to detect when the element is in the viewport
const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            // Start the counter animation when the element is in the viewport
            startCounterAnimation(entry.target);
            // Unobserve the target element to avoid starting the animation multiple times
            observer.unobserve(entry.target);
        }
    });
},{threshold: 0.5 }); // Adjust the threshold as needed

// Observe each element with the 'counter' class
$('.counter').each(function () {
    // Add each element to the Intersection Observer
    observer.observe(this);
});
 
</script>
		
<script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
		
</body>
</html>
<script type="module">
		const $cardsWrapper = document.querySelector('#cards');
		const $cards = document.querySelectorAll('.card__content');

		// Pass the number of cards to the CSS because it needs it to add some extra padding.
		// Without this extra padding, the last card won’t move with the group but slide over it.
		const numCards = $cards.length;
		$cardsWrapper.style.setProperty('--numcards', numCards);

		// Each card should only shrink when it’s at the top.
		// We can’t use exit on the els for this (as they are sticky)
		// but can track $cardsWrapper instead.
		const viewTimeline = new ViewTimeline({
			subject: $cardsWrapper,
			axis: 'block',
		});

		$cards.forEach(($card, index0) => {
			const index = index0 + 1;
			const reverseIndex = numCards - index0;
			const reverseIndex0 = numCards - index;


			// Scroll-Linked Animation
			$card.animate(
				{
					// Earlier cards shrink more than later cards
					//transform: [ `scale(1)`, `scale(${1 - (0.1 * reverseIndex0)}`],
					opacity: [0.1, 1 - 0.9 * reverseIndex0],
					
				},
				{
					timeline: viewTimeline,
					fill: 'forwards',
					rangeStart: `exit-crossing ${CSS.percent(index0 / numCards * 100)}`,
					rangeEnd: `exit-crossing ${CSS.percent(index / numCards * 100)}`,
				}
			);
		});
	</script>