| Dir : /home/distinctdesign/thedistinctdesign.co.uk/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/thedistinctdesign.co.uk/app-development.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Distinct Design | App Development</title>
<!-- Stylesheets -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Teko:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fontawesome-all.css" rel="stylesheet">
<link href="css/owl.css" rel="stylesheet">
<link href="css/flaticon.css" rel="stylesheet">
<link href="css/linoor-icons-2.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/jquery.fancybox.min.css" rel="stylesheet">
<link href="css/hover.css" rel="stylesheet">
<link href="css/custom-animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- rtl css -->
<link href="css/rtl.css" rel="stylesheet">
<!-- Responsive File -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Color css -->
<link rel="stylesheet" id="jssDefault" href="css/colors/color-default.css">
<link rel="shortcut icon" href="images/favicon.png" id="fav-shortcut" type="image/x-icon">
<link rel="icon" href="images/favicon.png" id="fav-icon" type="image/x-icon">
<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- style switcher
<div class="style-switcher">
<a href="#" id="switcher-toggler"><i class="fa fa-cog"></i></a>
<h3>Color Skins</h3>
<ul id="styleOptions" title="Switch Color">
<li>
<a href="" data-theme="color-default" class="color-default">
</a>
</li>
<li>
<a href="" data-theme="color-2" class="color-2">
</a>
</li>
<li>
<a href="" data-theme="color-3" class="color-3">
</a>
</li>
<li>
<a href="" data-theme="color-4" class="color-4">
</a>
</li>
<li>
<a href="" data-theme="color-5" class="color-5">
</a>
</li>
<li>
<a href="" data-theme="color-6" class="color-6">
</a>
</li>
</ul>
<div class="language-feature">
<button class="ltr-switcher" data-href="#googtrans(en|en)">LTR</button> ltr-switcher
<button class="rtl-switcher" data-href="#googtrans(en|ar)">RTL</button> /.rtl-switcher
</div> /.language-feature
<div class="layout-feature">
<a href="#" class="dark-switcher">Dark</a>
<button class="boxed-switcher">Boxed</button> /.ltr-switcher
</div> /.language-feature
</div>
-->
<!-- Preloader -->
<div class="preloader">
<div class="icon"></div>
</div>
<!-- Main Header -->
<header class="main-header header-style-one">
<!-- Header Upper -->
<div class="header-upper">
<div class="inner-container clearfix">
<!--Logo-->
<div class="logo-box">
<div class="logo"><a href="index.php" title="The Distinct Design"><img
src="images/logo.png" id="thm-logo" alt="The Distinct Design"
title="The Distinct Design"></a></div>
</div>
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="icon flaticon-menu-2"></span><span
class="txt">Menu</span></div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md navbar-light">
<div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li class="dropdown"><a
href="index.php">Home</a>
<li class="dropdown">
<a href="about.php">About Us</a>
</li>
<li class="dropdown"><a href="services.php">Services</a>
<ul>
<li><a href="website.php">Website Designing</a></li>
<li><a href="logo.php">Logo Designing</a></li>
<!--<li><a href="web-development.php">Website Development</a></li>-->
<li><a href="printing.php">Printing</a></li>
<li><a href="app-development.php">App Development</a></li>
<li><a href="seo.php">SEO & Content Writting</a></li>
<li><a href="video-animation.php">Video Animation</a></li>
</ul>
</li>
<li class="dropdown"><a href="portfolio.php">Portfolio</a>
</li>
<!-- <li class="dropdown"><a href="shop.php">Shop</a>
<ul>
<li><a href="shop.php">Shop Page</a></li>
<li><a href="product-details.php">Product Details</a></li>
<li><a href="cart.php">Cart Page</a></li>
<li><a href="checkout.php">Checkout Page</a></li>
</ul>
</li>
<li class="dropdown"><a href="blog-grid.php">Blog</a>
<ul>
<li><a href="blog.php">Blog Right Sidebar</a></li>
<li><a href="blog-left.php">Blog Left Sidebar <span>new</span></a></li>
<li><a href="blog-grid.php">Blog Grid View</a></li>
<li><a href="blog-single.php">Blog Single</a></li>
</ul>
</li>
--> <li class="dropdown">
<a href="contact.php">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="other-links clearfix">
<!-- cart btn -->
<!--
<div class="cart-btn">
<a href="cart.php" class="theme-btn cart-toggler"><span
class="flaticon-shopping-cart"></span></a>
</div>
Search Btn
<div class="search-btn">
<button type="button" class="theme-btn search-toggler"><span
class="flaticon-loupe"></span></button>
</div>
-->
<div class="link-box">
<div class="call-us">
<a class="link" href="tel:+1 469 701 4007">
<span class="icon"></span>
<span class="sub-text">Call Anytime</span>
<span class="number">+1 469 701 4007</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
</header>
<!-- End Main Header -->
<!--Mobile Menu-->
<div class="side-menu__block">
<div class="side-menu__block-overlay custom-cursor__overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div><!-- /.side-menu__block-overlay -->
<div class="side-menu__block-inner ">
<div class="side-menu__top justify-content-end">
<a href="#" class="side-menu__toggler side-menu__close-btn"><img src="images/icons/close-1-1.png"
alt=""></a>
</div><!-- /.side-menu__top -->
<nav class="mobile-nav__container">
<!-- content is loading via js -->
</nav>
<div class="side-menu__sep"></div><!-- /.side-menu__sep -->
<div class="side-menu__content">
<!-- <p>Linoor is a premium Template for Digital Agencies, Start Ups, Small Business and a wide range of
other agencies.</p>
<p><a href="mailto:needhelp@linoor.com">needhelp@linoor.com</a> <br> <a href="tel:888-999-0000">888
999 0000</a></p>
--> <div class="side-menu__social">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div><!-- /.side-menu__content -->
</div><!-- /.side-menu__block-inner -->
</div><!-- /.side-menu__block -->
<!--Search Popup-->
<div class="search-popup">
<div class="search-popup__overlay custom-cursor__overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div><!-- /.search-popup__overlay -->
<div class="search-popup__inner">
<form action="#" class="search-popup__form">
<input type="text" name="search" placeholder="Type here to Search....">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div><!-- /.search-popup__inner -->
</div><!-- /.search-popup -->
<!-- Banner Section -->
<section class="page-banner">
<div class="image-layer" style="background-image:url(images/background/image-7.png);"></div>
<div class="shape-1"></div>
<div class="shape-2"></div>
<div class="banner-inner">
<div class="auto-container">
<div class="inner-container clearfix">
<h1>App Development</h1>
<div class="page-nav">
<ul class="bread-crumb clearfix">
<li><a href="index.php">Home</a></li>
<li><a href="services.php">Services</a></li>
<li class="active">App Development</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--End Banner Section -->
<div class="sidebar-page-container">
<div class="auto-container">
<div class="row clearfix">
<!--Content Side-->
<div class="content-side col-lg-8 col-md-12 col-sm-12">
<div class="service-details">
<div class="main-image image">
<img src="images/resource/featured-image-16.jpg" alt="">
</div>
<div class="text-content">
<h3>App Development</h3>
<p>We are passionate about creating the next big app for you because we believe that app development projects must be planned out carefully and strategized to ensure success.<br>
The IOS and Android app developers at TheDistinctDesign are always looking to deliver something special to our clients’ app projects.</p>
<div class="featured">
<div class="row clearfix">
<div class="image-col col-md-6 col-sm-12">
<div class="image">
<img src="images/resource/featured-image-17.jpg" alt="">
</div>
</div>
<!--<div class="text-col col-md-6 col-sm-12">
<div class="inner">
<h4>planning & strategy</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<ul>
<li>Research beyond the business plan</li>
<li>Marketing options and rates</li>
<li>The ability to turnaround consulting</li>
<li>Customer engagement matters</li>
</ul>
</div>
</div>-->
</div>
</div>
<div class="right-col col-xl-12 col-lg-6 col-md-12 col-sm-12">
<div class="inner">
<div class="sec-title">
<h2>Best Designing Solutions<span class="dot">.</span></h2>
</div>
<!--Default Tabs-->
<div class="default-tabs tabs-box">
<!--Tab Btns-->
<ul class="tab-btns tab-buttons clearfix">
<li data-tab="#tab-1" class="tab-btn active-btn"><span>Web Apps</span></li>
<li data-tab="#tab-2" class="tab-btn"><span>Hybrid Apps</span></li>
<li data-tab="#tab-3" class="tab-btn"><span>Native Apps</span></li>
</ul>
<!--Tabs Container-->
<div class="tabs-content">
<!--Tab-->
<div class="tab active-tab" id="tab-1">
<div class="content">
<div class="text">Web apps are very similar to native apps but are accessed through a web browser on mobile devices. They are made highly responsive so that they can scale to fit the diverse screen sizes of mobile devices.<br>
Our expert designers and developers create web apps that make it easier for your customers to access your website on portable devices.
</div>
</div>
</div>
<!--Tab-->
<div class="tab" id="tab-2">
<div class="content">
<div class="text"> Hybrid apps are web apps that have a look and feel similar to native apps. They come with a home screen app icon, have a very responsive design, and are even operational offline.<br>
We design and develop Hybrid Apps in such a way that they can be downloaded and operated on all operating systems.
</div>
</div>
</div>
<!--Tab-->
<div class="tab" id="tab-3">
<div class="content">
<div class="text"> Native Apps are mobile applications that are built in a specific programming language, for the specific device platform, either iOS or Android. They are often built in a way that internet connectivity is not required to run them.<br>
The designers and developers at The Distinct Design are well-equipped with the skills required to create the best native apps. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Sidebar Side-->
<div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
<aside class="sidebar blog-sidebar">
<div class="sidebar-widget services">
<div class="widget-inner">
<div class="sidebar-title">
<h4>All Services</h4>
</div>
<ul>
<li><a href="website.php">Website Designing</a></li>
<li><a href="logo.php">Logo Designing</a></li>
<li><a href="printing.php">Printing</a></li>
<li class="active"><a href="app-development.php">App Development</a></li>
<li><a href="seo.php">SEO & Content Writting</a></li>
<li><a href="video-animation.php">Video Animation</a></li>
</ul>
</div>
</div>
<div class="sidebar-widget call-up">
<div class="widget-inner">
<div class="sidebar-title">
<h4>need The Distinct Design help?</h4>
</div>
<div class="text">Prefer speaking with a human to filling out a form? Call the corporate
office and we will connect you with a team member who can help.</div>
<div class="phone"><a href="tel:+14697014007"><span class="icon flaticon-call"></span>
+1 469 701 4007</a></div>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
<!-- Call To Section -->
<section class="call-to-section-two alternate">
<div class="auto-container">
<div class="inner clearfix">
<h2>We’re Ready to Bring Bigger <br>& Stronger Projects</h2>
<div class="link-box">
<a class="theme-btn btn-style-two" href="about.php">
<i class="btn-curve"></i>
<span class="btn-title">Contact with us</span>
</a>
</div>
</div>
</div>
</section>
<!-- Main Footer -->
<footer class="main-footer">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget logo-widget">
<div class="widget-content">
<div class="logo">
<a href="index.php"><img id="fLogo" src="images/footer-logo.png" alt="" /></a>
</div>
<div class="text">
The Distinct Design-Web Design, Marketing & Branding<br>
We are the one of the most effective
Web Design Companies
Getting online is easy. Succeeding online is a different story. You’ll need more than just a beautiful website to stand out these days. Online marketing solutions. Conversion-based web design coupled with a lead generating marketing plan, your online success is inevitable.
</div>
<ul class="social-links clearfix">
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-instagram"></span></a></li>
<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget links-widget">
<div class="widget-content">
<h6>Explore</h6>
<div class="row clearfix">
<div class="col-md-6 col-sm-12">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Meet Our Team</a></li>
<li><a href="#">Our Portfolio</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-12">
<ul>
<li><a href="#">Support</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget info-widget">
<div class="widget-content">
<h6>Contact</h6>
<ul class="contact-info">
<li class="address"><span class="icon flaticon-pin-1"></span> 85 Tottenham Court Road, London, W1T 4TQ, UK</li>
<li><span class="icon flaticon-call"></span><a href="tel:+441316187387">+441316187387
</a></li>
<li><span class="icon flaticon-email-2"></span><a
href="mailto:needhelp@thedistinctdesign.co.uk">needhelp@thedistinctdesign.co.uk</a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget newsletter-widget">
<div class="widget-content">
<h6>Newsletter</h6>
<div class="newsletter-form">
<form method="post" action="contact.php">
<div class="form-group clearfix">
<input type="email" name="email" value="" placeholder="Email Address"
required="">
<button type="submit" class="theme-btn"><span
class="fa fa-envelope"></span></button>
</div>
</form>
</div>
<div class="text">Sign up for our latest news & articles. We won’t give you spam
mails.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="inner clearfix">
<div class="copyright">© Copyright 2022 by TheDistinctDesign.com</div>
</div>
</div>
</div>
</footer>
</div>
<!--End pagewrapper-->
<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/TweenMax.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/knob.js"></script>
<script src="js/appear.js"></script>
<script src="js/wow.js"></script>
<script src="js/jQuery.style.switcher.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.min.js">
</script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/custom-script.js"></script>
<script src="js/lang.js"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="js/color-switcher.js"></script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/62e83d1954f06e12d88c6330/1g9ditbi2';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>